theming-components
✓提供設計令牌系統和主題框架，以在所有組件中實現一致、可定制的 UI 樣式。涵蓋完整的標記分類（顏色、排版、間距、陰影、邊框、運動、z-index）、主題切換（CSS 自定義屬性、主題提供程序）、RTL/i18n 支持（CSS 邏輯屬性）和可訪問性（WCAG 對比度、高對比度主題、減少運動）。這是所有組件技能引用的基礎樣式層。在為組件設置主題、實現亮/暗模式、創建品牌風格、自定義視覺設計、確保設計一致性或支持 RTL 語言時使用。
SKILL.md
Comprehensive design token system providing the foundational styling architecture for all component skills, enabling brand customization, theme switching, RTL support, and consistent visual design.
Design tokens are the single source of truth for all visual design decisions. This skill provides:
| margin-left | margin-inline-start | | padding-right | padding-inline-end | | text-align: left | text-align: start |
提供設計令牌系統和主題框架，以在所有組件中實現一致、可定制的 UI 樣式。涵蓋完整的標記分類（顏色、排版、間距、陰影、邊框、運動、z-index）、主題切換（CSS 自定義屬性、主題提供程序）、RTL/i18n 支持（CSS 邏輯屬性）和可訪問性（WCAG 對比度、高對比度主題、減少運動）。這是所有組件技能引用的基礎樣式層。在為組件設置主題、實現亮/暗模式、創建品牌風格、自定義視覺設計、確保設計一致性或支持 RTL 語言時使用。 來源：ancoleman/ai-design-components。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 theming-components？
提供設計令牌系統和主題框架，以在所有組件中實現一致、可定制的 UI 樣式。涵蓋完整的標記分類（顏色、排版、間距、陰影、邊框、運動、z-index）、主題切換（CSS 自定義屬性、主題提供程序）、RTL/i18n 支持（CSS 邏輯屬性）和可訪問性（WCAG 對比度、高對比度主題、減少運動）。這是所有組件技能引用的基礎樣式層。在為組件設置主題、實現亮/暗模式、創建品牌風格、自定義視覺設計、確保設計一致性或支持 RTL 語言時使用。 來源：ancoleman/ai-design-components。
如何安裝 theming-components？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/ancoleman/ai-design-components
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01