使用 IBM 的 Carbon 设计系统构建 UI。当用户请求 Carbon 风格的界面、IBM 风格的仪表板、遵循 Carbon 约定的企业 UI，或明确提及 Carbon、IBM 设计或 @carbon/react 时使用。涵盖组件使用、设计标记（颜色、排版、间距、运动）、主题（白色、灰色 10、灰色 90、灰色 100）、网格布局和可访问性。支持工件/HTML 输出（基于 CDN）和完整的 React 项目输出（@carbon/react）。触发器包括“Carbon”、“IBM 设计系统”、“企业仪表板”、“@carbon/react”、“carbon 组件”或对 IBM 风格的专业界面的请求。
通过命令行快速安装 carbon-design-system AI 技能到你的开发环境
来源：dodatech/approved-skills。
Build UIs conforming to IBM's Carbon Design System v11. Carbon provides a token-based, accessible, enterprise-grade component library.
Apply Carbon classes to HTML elements. See references/html-classes.md.
@carbon/react is not in Claude's default artifact environment. For React artifacts, load the CDN CSS above and apply Carbon class names to standard HTML/JSX elements. The visual output is identical.
使用 IBM 的 Carbon 设计系统构建 UI。当用户请求 Carbon 风格的界面、IBM 风格的仪表板、遵循 Carbon 约定的企业 UI，或明确提及 Carbon、IBM 设计或 @carbon/react 时使用。涵盖组件使用、设计标记（颜色、排版、间距、运动）、主题（白色、灰色 10、灰色 90、灰色 100）、网格布局和可访问性。支持工件/HTML 输出（基于 CDN）和完整的 React 项目输出（@carbon/react）。触发器包括“Carbon”、“IBM 设计系统”、“企业仪表板”、“@carbon/react”、“carbon 组件”或对 IBM 风格的专业界面的请求。 来源：dodatech/approved-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system使用 IBM 的 Carbon 设计系统构建 UI。当用户请求 Carbon 风格的界面、IBM 风格的仪表板、遵循 Carbon 约定的企业 UI，或明确提及 Carbon、IBM 设计或 @carbon/react 时使用。涵盖组件使用、设计标记（颜色、排版、间距、运动）、主题（白色、灰色 10、灰色 90、灰色 100）、网格布局和可访问性。支持工件/HTML 输出（基于 CDN）和完整的 React 项目输出（@carbon/react）。触发器包括“Carbon”、“IBM 设计系统”、“企业仪表板”、“@carbon/react”、“carbon 组件”或对 IBM 风格的专业界面的请求。 来源：dodatech/approved-skills。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/dodatech/approved-skills