ux-component-states
✓Patrones de estado de componentes interactivos que incluyen estados de desplazamiento, enfoque, activo, deshabilitado, de carga y de error. Úselo al crear botones, entradas, tarjetas o cualquier elemento interactivo. (proyecto)
Instalación
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.
Patrones de estado de componentes interactivos que incluyen estados de desplazamiento, enfoque, activo, deshabilitado, de carga y de error. Úselo al crear botones, entradas, tarjetas o cualquier elemento interactivo. (proyecto) Fuente: matthewharwood/fantasy-phonics.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ux-component-states?
Patrones de estado de componentes interactivos que incluyen estados de desplazamiento, enfoque, activo, deshabilitado, de carga y de error. Úselo al crear botones, entradas, tarjetas o cualquier elemento interactivo. (proyecto) Fuente: matthewharwood/fantasy-phonics.
¿Cómo instalo ux-component-states?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/matthewharwood/fantasy-phonics
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01