mcpField
C
carbon-react

carbon-react

github.com/sage开发316222 次安装今天更新
代码仓库

关于 carbon-react

carbon-react 是用于在 React 项目中选择和使用 Carbon 组件的参考技能,可查阅组件 API、相关示例、配置文档及迁移建议,并检查导入、属性和弃用 API。

主要功能

  1. 01组件选择指导
  2. 02基于源码的 API 详情
  3. 03精选组件示例
  4. 04配置、路由与样式文档
  5. 05弃用与迁移指导

适用场景

  1. 01查找合适的 Carbon 组件
  2. 02核对组件导入和属性
  3. 03将组件接入路由
  4. 04处理已弃用的 API

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/sage/carbon --skill carbon-react

安装后在 Claude Code 中输入/carbon-react确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

components/
accordion-group.md
accordion.md
action-popover-divider.md
action-popover-item.md
action-popover-menu-button.md
action-popover-menu.md
action-popover.md
adaptive-sidebar.md
advanced-color-picker.md
alert.md
anchor-navigation-item.md
anchor-navigation.md
anchor-section-divider.md
badge.md
batch-selection.md
box.md
breadcrumbs.md
button-bar.md
button-minor.md
button-next.md
button-toggle-group.md
button-toggle.md
button.md
carbon-provider.md
card-column.md
card-footer.md
card-row.md
card.md
checkbox-group.md
checkbox.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