egutierrez
c36aa18c67
Nuevas skills para crear TUIs, inicializar frontends React y módulos Go. Incluye binario parallel-executor y utilidades de soporte. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
63 lines
1.6 KiB
Markdown
63 lines
1.6 KiB
Markdown
---
|
|
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
|