DesarrolloIntermedio30 min
Claude Code: Workflows de Poder
15 comandos · CLAUDE.md · hooks · el IDE del futuro hoy
Claude CodeWorkflowsIDE
✓ Guía gratuita · Acceso completo
Mapa rápido · salta al paso que te interese
01
Setup óptimo: CLAUDE.md y configuración
Claude Code lee CLAUDE.md en la raíz de tu proyecto. Es tu system prompt personalizado. Acá le dices cómo trabajar en TU codebase.
CLAUDE.md template
# CLAUDE.md
## Proyecto
Este es [nombre del proyecto], un [descripción corta].
## Stack
- Framework: Next.js 16 con App Router
- DB: Supabase (Postgres + pgvector)
- Auth: Supabase Auth
- Styling: Tailwind CSS
- Deploy: Vercel
## Convenciones
- TypeScript estricto, nunca any
- Componentes en /components, lógica en /lib
- API routes en /app/api
- Nombres en español para UI, inglés para código
## Patrones
- Server components por defecto, 'use client' solo cuando necesario
- Supabase client via createServerClient en server, createBrowserClient en client
- Validación con Zod en todos los endpoints
- Error handling con try/catch + Response.json
## NO hacer
- No usar getServerSideProps (App Router)
- No hardcodear strings, usar constantes o i18n
- No commitear .env.local
- No usar console.log en producción
## Comandos útiles
```bash
npm run dev # Dev server
npm run build # Build production
npm run lint # Lint + type check
supabase db push # Push migrations
```settings.json de Claude Code
{
"model": "claude-sonnet-4-20250514",
"customInstructions": "Cuando generes código, incluí types completos. Preferí funciones pequeñas y composables.",
"mcpServers": {
"supabase": { ... },
"filesystem": { ... }
}
}Tip Pro
CLAUDE.md se hereda. Puedes tener uno global en ~/.claude/CLAUDE.md y uno por proyecto. Se combinan.
02
15 comandos esenciales
Los comandos que más vas a usar, ordenados por frecuencia.
| Comando | Qué hace | Cuándo usarlo |
|---|---|---|
| /clear | Limpia el contexto | Cuando el contexto está contaminado |
| /compact | Resume el contexto | Cuando te quedás sin tokens |
| /cost | Muestra tokens usados | Para monitorear gasto |
| /model | Cambia el modelo | Opus para tareas difíciles |
03
Workflows avanzados
Configuraciones que llevan Claude Code al siguiente nivel.
Flujo completo para desarrollar una feature nueva.
Secuencia típica
# 1. Entrar en plan mode
> Shift+Tab (o escribir "planea esto")
# 2. Describir la feature
"Necesito un endpoint /api/users que liste usuarios con paginación"
# 3. Claude genera el plan
- Crear /app/api/users/route.ts
- Agregar schema de query params
- Implementar paginación con cursor
- Agregar tests
# 4. Aprobar y ejecutar
> Tab para aprobar cada paso
> Claude genera el código
# 5. Verificar
"corre los tests"
# 6. Commitear
"commitea con mensaje descriptivo""Claude Code no es un autocomplete glorificado. Es un pair programmer que entiende tu codebase completo. La diferencia está en cómo lo configures y cómo le hables."
— El Arsenal, Renderz Studio
¿Quieres el sistema completo?
500+ páginas, 25 capítulos, código de producción, acceso a todas las guías del Arsenal.
Curso Completo · €29PayPal · Acceso inmediato