·ux-component-states
*

ux-component-states

matthewharwood/fantasy-phonics

Modèles d'état des composants interactifs, notamment les états de survol, de focus, actif, désactivé, de chargement et d'erreur. À utiliser lors de la création de boutons, d'entrées, de cartes ou de tout élément interactif. (projet)

3Installations·0Tendance·@matthewharwood

Installation

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

SKILL.md

Interactive state management for web components. This skill covers visual feedback for all interaction states, ensuring components feel responsive and accessible.

Custom elements are "undefined" until JavaScript loads and registers them. Use :not(:defined) to prevent Flash of Unstyled Content (FOUC):

Important: Element references are stored during construction - NEVER use querySelector.

Modèles d'état des composants interactifs, notamment les états de survol, de focus, actif, désactivé, de chargement et d'erreur. À utiliser lors de la création de boutons, d'entrées, de cartes ou de tout élément interactif. (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-component-states
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-component-states ?

Modèles d'état des composants interactifs, notamment les états de survol, de focus, actif, désactivé, de chargement et d'erreur. À utiliser lors de la création de boutons, d'entrées, de cartes ou de tout élément interactif. (projet) Source : matthewharwood/fantasy-phonics.

Comment installer ux-component-states ?

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-component-states 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