ux-component-states
✓Interaktive Komponentenstatusmuster, einschließlich Hover-, Fokus-, Aktiv-, Deaktiviert-, Lade- und Fehlerstatus. Wird zum Erstellen von Schaltflächen, Eingaben, Karten oder anderen interaktiven Elementen verwendet. (Projekt)
Installation
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.
Interaktive Komponentenstatusmuster, einschließlich Hover-, Fokus-, Aktiv-, Deaktiviert-, Lade- und Fehlerstatus. Wird zum Erstellen von Schaltflächen, Eingaben, Karten oder anderen interaktiven Elementen verwendet. (Projekt) Quelle: matthewharwood/fantasy-phonics.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ux-component-states?
Interaktive Komponentenstatusmuster, einschließlich Hover-, Fokus-, Aktiv-, Deaktiviert-, Lade- und Fehlerstatus. Wird zum Erstellen von Schaltflächen, Eingaben, Karten oder anderen interaktiven Elementen verwendet. (Projekt) Quelle: matthewharwood/fantasy-phonics.
Wie installiere ich ux-component-states?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/matthewharwood/fantasy-phonics
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01