/web--spa-scaffold

/web--spa-scaffold es una skill de Claude Code de la sección Web y Diseño. Monta la estructura de una SPA lista para producción: elige el stack según tus requisitos y añade carga diferida, estados de error y accesibilidad.

Descripción del autor (traducida)

Genera el andamiaje de una SPA lista para producción, con arquitectura de primer nivel, interfaz impresionante y patrones reales

Cómo pedírselo

/web--spa-scaffold crea la estructura de una SPA en React para mi proyecto
/web--spa-scaffold monta un scaffold con buena arquitectura para mi app
/web--spa-scaffold genera una SPA de producción con una UI cuidada

Instalar

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

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

Demo en camino

/web--ui-components-proComponentes de interfaz cuidados
Crea componentes de interfaz en React y TypeScript con animaciones, estados de carga y error, y accesibilidad incluida.
Hecha aquí
/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

Cómo pedírselo

Instalar

Más de esta sección