/web--ui-components-pro

/web--ui-components-pro es una skill de Claude Code de la sección Web y Diseño. Crea componentes de interfaz en React y TypeScript con animaciones, estados de carga y error, y accesibilidad incluida.

Descripción del autor (traducida)

Construye componentes de UI de primer nivel con animaciones, patrones compuestos y una estética que nunca parezca hecha por IA

Cómo pedírselo

/web--ui-components-pro crea un componente de acordeón animado y accesible
/web--ui-components-pro construye un selector de fechas con patrón compuesto
/web--ui-components-pro diseña un modal que no parezca hecho con IA

Instalar

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

Tras instalar con el script, escribe /web--ui-components-pro. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Demo en camino

/accessibility--a11y-auditAuditoría de accesibilidad WCAG
Revisa el código de un componente o página y lista los fallos de accesibilidad WCAG 2.1, con su gravedad, el criterio incumplido y la corrección en código.
Hecha aquí
/accessibility--a11y-fixCorregir accesibilidad de la interfaz
Lee un componente o página y corrige sus problemas de accesibilidad: HTML semántico, teclado, atributos ARIA y formularios, sin cambiar el diseño visual.
Hecha aquí
/animateCrear una animación desde cero
Decide si algo debe animarse y, si procede, escribe la animación con la curva, duración y propiedades adecuadas, con reduced motion incluido.
Por emilkowalski
/animate-expoAnimaciones para apps Expo
Escribe animaciones para apps Expo y React Native con Reanimated y Gesture Handler: gestos, hojas inferiores, transiciones de pantalla y háptica.
Por emilkowalski
/animation-vocabularyNombre de efectos de movimiento
Convierte la descripción vaga de un efecto de movimiento web en su término exacto, para que sepas qué pedir a una IA o a un diseñador.
Por emilkowalski
/apple-designDiseño web fluido estilo Apple
Aplica a la web los principios de interfaz de Apple: gestos, animaciones con resortes, transiciones interrumpibles, materiales translúcidos y tipografía.
Por emilkowalski

Cómo pedírselo

Instalar

Más de esta sección