ux-iconography
✓マテリアル シンボル v3 を使用したアイコンの使用パターン。ボタン、ナビゲーション、またはステータス インジケーターにアイコンを追加するときに使用します。サイズ設定、アクセシビリティ、アニメーション、プロジェクト トークンとの色の統合について説明します。
SKILL.md
Icon implementation patterns for UI components. This project uses Material Symbols v3 as the primary icon system.
This project uses Material Symbols Outlined (variable font) from Google Fonts:
| Word phase | menubook | Phase indicator | | Collision phase | swords | Phase indicator | | Mutation phase | genetics | Phase indicator | | Story phase | autostories | Phase indicator | | Complete | checkcircle | Status indicator | | Locked | lock | Unavailable item | | Star/achievement | star | Rewards | | Settings | settings | Configuration |
マテリアル シンボル v3 を使用したアイコンの使用パターン。ボタン、ナビゲーション、またはステータス インジケーターにアイコンを追加するときに使用します。サイズ設定、アクセシビリティ、アニメーション、プロジェクト トークンとの色の統合について説明します。 ソース: matthewharwood/fantasy-phonics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-iconography- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ux-iconography とは？
マテリアル シンボル v3 を使用したアイコンの使用パターン。ボタン、ナビゲーション、またはステータス インジケーターにアイコンを追加するときに使用します。サイズ設定、アクセシビリティ、アニメーション、プロジェクト トークンとの色の統合について説明します。 ソース: matthewharwood/fantasy-phonics。
ux-iconography のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-iconography インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/matthewharwood/fantasy-phonics
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01