# Componente de interfaz completo (/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.

- Versión web: https://skills.sgomez.dev/es/s/scaffold--component
- Sección: [Código](https://skills.sgomez.dev/es/code.md)
- Autor: Santiago Gómez de la Torre
- Licencia: MIT
- Código: https://github.com/sgomez-dev/claude-skills/blob/main/skills/scaffold/component.md
- Actualizada el 26 mar 2026

## 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

macOS · Linux:

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

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```

Plugin de Claude Code:

```
/plugin marketplace add sgomez-dev/claude-skills
/plugin install scaffold-skills@claude-skills-collection
```

## Permisos

- Lee: `**/*`
- Escribe: `**/*`
- Ejecuta: —
- Red: No
- Destructiva: No

## Descripción del autor (traducida)

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

- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)