ux-color-system
✓ファンタジーをテーマにしたカラー トークンとセマンティックな色の使用。色の適用、テーマの作成、または色のアクセシビリティの確保を行う場合に使用します。表面/テキストの関係、状態の色、ダークテーマのパターンをカバーします。 （プロジェクト）
SKILL.md
Semantic color architecture for the Fantasy Phonics game. Uses CSS custom properties for maintainable, accessible theming.
| --theme-on-surface on --theme-surface | 12.5:1 | AAA | | --theme-on-surface-variant on --theme-surface | 4.8:1 | AA | | --theme-primary on --theme-surface | 7.2:1 | AAA | | --color-success on --theme-surface | 6.1:1 | AA |
This project uses dark theme as default. If adding light theme:
ファンタジーをテーマにしたカラー トークンとセマンティックな色の使用。色の適用、テーマの作成、または色のアクセシビリティの確保を行う場合に使用します。表面/テキストの関係、状態の色、ダークテーマのパターンをカバーします。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-color-system- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ux-color-system とは？
ファンタジーをテーマにしたカラー トークンとセマンティックな色の使用。色の適用、テーマの作成、または色のアクセシビリティの確保を行う場合に使用します。表面/テキストの関係、状態の色、ダークテーマのパターンをカバーします。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
ux-color-system のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-color-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/matthewharwood/fantasy-phonics
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01