Renderz Studio
Academia
Proyectos
Servicios
Arsenal
Repo
Herramientas
Skills
El Oráculo
Guía Gratis
← El Arsenal
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

Setup óptimo

CLAUDE.md + configuración

15 comandos esenciales

Los que más vas a usar

Workflows avanzados

Hooks, MCP, y más

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.

ComandoQué haceCuándo usarlo
/clearLimpia el contextoCuando el contexto está contaminado
/compactResume el contextoCuando te quedás sin tokens
/costMuestra tokens usadosPara monitorear gasto
/modelCambia el modeloOpus 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

Guías relacionadas

Claude + Codex

Combinalos para más poder

System Prompts

Personaliza CLAUDE.md

¿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 · €29

PayPal · Acceso inmediato

¿Hablamos?