theming-components

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 インデックス)、テーマの切り替え (CSS カスタム プロパティ、テーマ プロバイダー)、RTL/i18n サポート (CSS 論理プロパティ)、およびアクセシビリティ (WCAG コントラスト、ハイ コントラスト テーマ、モーションの削減) を完全にカバーします。これは、すべてのコンポーネント スキルによって参照される基本的なスタイル レイヤーです。コンポーネントのテーマ設定、ライト/ダーク モードの実装、ブランド スタイルの作成、ビジュアル デザインのカスタマイズ、デザインの一貫性の確保、または RTL 言語のサポートを行う場合に使用します。 ソース: ancoleman/ai-design-components。

原文を見る