---
name: init-frontend
description: Inicializa proyecto frontend (React/Vite) o desktop (Wails) con Frontend_Library
disable-model-invocation: true
user-invocable: true
allowed-tools: Bash, Read, Write, Edit
---

# init-frontend

Inicializa un proyecto frontend (webapp React/Vite) o desktop (Wails + Go + React). Coherente con Frontend_Library y el stack del frontend-lib/build-wails agents.

## Sintaxis

```bash
/init-frontend [nombre] [--wails] [--path /ruta/destino]
```

- `nombre`: nombre del proyecto (kebab-case). Si no se da, se pregunta.
- `--wails`: modo desktop con Wails (Go backend + React frontend). Sin flag = webapp pura.
- `--path`: directorio destino. Default: directorio actual.

## Flujo

### 1. Ejecutar script de setup

```bash
bash "${CLAUDE_SKILL_DIR}/setup-frontend.sh" [nombre] [--wails] [path]
```

### 2. Si el script reporta STATUS: CONFIGURED

Informar al usuario que el proyecto ya existe.

### 3. Si el script reporta STATUS: READY

Mostrar resumen según modo:

**Webapp:**
- `pnpm dev` para desarrollo
- `pnpm build` para producción
- Frontend_Library linkeada via pnpm

**Wails:**
- `make dev` para desarrollo con hot reload
- `make build` para compilar
- Frontend_Library + DevFactory integrados
- Bindings Go→TS auto-generados

### 4. Si el script reporta STATUS: ERROR

Mostrar el error y sugerir corrección.

## Convenciones

- pnpm exclusivamente (no npm ni yarn)
- React 19 + TypeScript + Vite + Tailwind CSS 4
- @anthropic/frontend-lib via pnpm link
- Temas OKLCH con semantic tokens
- Phosphor Icons
- Vite dedupe obligatorio para react/react-dom
- En modo Wails: go.work con DevFactory, patrón pure core / impure shell