关于 carbon-react
carbon-react 是用于在 React 项目中选择和使用 Carbon 组件的参考技能,可查阅组件 API、相关示例、配置文档及迁移建议,并检查导入、属性和弃用 API。
主要功能
- 01组件选择指导
- 02基于源码的 API 详情
- 03精选组件示例
- 04配置、路由与样式文档
- 05弃用与迁移指导
适用场景
- 01查找合适的 Carbon 组件
- 02核对组件导入和属性
- 03将组件接入路由
- 04处理已弃用的 API
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ sage/ carbon --skill carbon-react安装后在 Claude Code 中输入/carbon-react确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
components/accordion-group.mdaccordion.mdaction-popover-divider.mdaction-popover-item.mdaction-popover-menu-button.mdaction-popover-menu.mdaction-popover.mdadaptive-sidebar.mdadvanced-color-picker.mdalert.mdanchor-navigation-item.mdanchor-navigation.mdanchor-section-divider.mdbadge.mdbatch-selection.mdbox.mdbreadcrumbs.mdbutton-bar.mdbutton-minor.mdbutton-next.mdbutton-toggle-group.mdbutton-toggle.mdbutton.mdcarbon-provider.mdcard-column.mdcard-footer.mdcard-row.mdcard.mdcheckbox-group.mdcheckbox.md详细介绍
Carbon 组件目录
使用 index.md 选择组件,然后打开其文件,并且只查看相关的链接示例。
组件文件结合了编写的选择指南与源代码衍生的 API 详情。经过精选的组件会链接到选定示例,并省略 playground;其他组件则保留生成的 Storybook 示例。
仅在需要时加载参考资料:
references/docs/usage.md:软件包设置和基本用法。references/docs/installation.md:安装和配置。references/docs/recommended-practices.md:项目范围的约定。references/docs/usage-with-routing.md:路由集成。references/docs/extending-styles-using-styled-components.md:样式扩展。references/docs/colors.md:颜色和令牌。references/docs/i18n.md:翻译。references/docs/deprecation-migration.md:弃用迁移。
完成前,请确认导入和属性与组件文件一致,并确保已避免使用弃用 API,或按照迁移指南进行处理。
评论
支持 Markdown