Files
repo_Claude/.claude/skills/init-frontend/SKILL.md
T
egutierrez c36aa18c67 feat: añadir skills create-tui, init-frontend, init-go-module y utilidades
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>
2026-03-27 02:15:34 +01:00

1.6 KiB

name, description, disable-model-invocation, user-invocable, allowed-tools
name description disable-model-invocation user-invocable allowed-tools
init-frontend Inicializa proyecto frontend (React/Vite) o desktop (Wails) con Frontend_Library true true 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

/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 "${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