使用 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 技能到你的開發環境
來源：fefogarcia/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 風格的專業介面的請求。 來源：fefogarcia/approved-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/fefogarcia/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 風格的專業介面的請求。 來源：fefogarcia/approved-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/fefogarcia/approved-skills