·ux-iconography
*

ux-iconography

matthewharwood/fantasy-phonics

Modèles d'utilisation des icônes utilisant les symboles matériels v3. À utiliser lors de l'ajout d'icônes aux boutons, à la navigation ou aux indicateurs d'état. Couvre le dimensionnement, l'accessibilité, les animations et l'intégration des couleurs avec les jetons du projet.

4Installations·0Tendance·@matthewharwood

Installation

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-iconography

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 |

Modèles d'utilisation des icônes utilisant les symboles matériels v3. À utiliser lors de l'ajout d'icônes aux boutons, à la navigation ou aux indicateurs d'état. Couvre le dimensionnement, l'accessibilité, les animations et l'intégration des couleurs avec les jetons du projet. Source : matthewharwood/fantasy-phonics.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-iconography
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que ux-iconography ?

Modèles d'utilisation des icônes utilisant les symboles matériels v3. À utiliser lors de l'ajout d'icônes aux boutons, à la navigation ou aux indicateurs d'état. Couvre le dimensionnement, l'accessibilité, les animations et l'intégration des couleurs avec les jetons du projet. Source : matthewharwood/fantasy-phonics.

Comment installer ux-iconography ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-iconography Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/matthewharwood/fantasy-phonics