/scaffold--component

/scaffold--component es una skill de Claude Code de la sección Código. Genera un componente React, Vue o Svelte según las convenciones de tu proyecto, con tipos, estilos, tests e historia de Storybook.

Descripción del autor (traducida)

Genera un componente completo de React/Vue/Svelte con tipos, tests y stories

Cómo pedírselo

/scaffold--component crea un componente Button de React con tipos y tests
/scaffold--component necesito un componente de Vue para una tarjeta de producto
/scaffold--component genera un componente Svelte con su story de Storybook

Instalar

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

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

Demo en camino

/scaffold--component-3dComponente 3D para la web
Genera un componente 3D con React Three Fiber, Three.js o Babylon.js, con tipos, animaciones y controles, adaptado a tu proyecto.
Hecha aquí
/scaffold--fullstackFuncionalidad full-stack completa
Crea una funcionalidad de punta a punta: migración, modelo, API, cliente tipado, pantallas de interfaz y tests, siguiendo tu proyecto.
Hecha aquí
/scaffold--hookHook personalizado de React
Genera un hook personalizado de React con tipos, limpieza de efectos, gestión de errores, tests y un ejemplo de uso.
Hecha aquí
/scaffold--middlewareMiddleware para tu backend
Genera middleware para autenticación, autorización, validación, logs, límite de peticiones o errores, en el framework web de tu proyecto.
Hecha aquí
/scaffold--modelModelo de datos con validación
Genera un modelo de datos con validaciones, relaciones, serialización, migración y datos de prueba, según el ORM que use tu proyecto.
Hecha aquí
/scaffold--scaffoldEstructura de proyecto desde cero
Genera la estructura completa de un proyecto nuevo, con configuración, Docker, CI y plantilla de variables de entorno.
Hecha aquí

Cómo pedírselo

Instalar

Más de esta sección