El arte del prompting
con Claude Code
Domina el arte de comunicarte con la IA. Un buen prompt marca la diferencia entre una respuesta genérica y un resultado adaptado exactamente a tus necesidades.
Los 5 principios del buen prompting
Estos principios son la base de toda interacción eficaz con Claude Code. Domínalos y obtendrás resultados 10 veces mejores.
Sé específico
Aporta contexto y restricciones claras. Cuanto más preciso sea tu prompt, más relevante será la respuesta.
# Vago"Hazme un formulario"# Específico"Crea un formulario de contacto en React con TypeScript.Campos: nombre (obligatorio), email (obligatorio, válido), mensaje (obligatorio, mín. 20 caracteres).Usa react-hook-form con validación Zod.Estilo con Tailwind CSS, responsive mobile-first.Muestra un toast de confirmación después del envío."
Define un rol
Dale una identidad a Claude para encuadrar sus respuestas. El rol influye en el nivel de detalle, el vocabulario y el enfoque.
"Eres un arquitecto de software senior especializado en React y Next.js.Priorizas la mantenibilidad, el rendimiento y las buenas prácticas.Comentas tu código en español y explicas cada decisión de arquitectura."
Especifica el formato esperado
Indica claramente la estructura de respuesta deseada: código, lista, tabla, JSON, markdown, etc.
"Genera la respuesta con el siguiente formato:1. Un resumen en 2-3 frases2. El código completo con comentarios inline3. Una tabla de dependencias necesarias (nombre | versión | uso)4. Las instrucciones de instalación paso a paso"
Da ejemplos (few-shot)
Muéstrale a Claude lo que esperas con ejemplos concretos. Es la técnica más potente para obtener exactamente el formato que quieres.
"Genera nombres de variables siguiendo este patrón:Ejemplo 1: usuario conectado → isUserLoggedInEjemplo 2: número de productos en el carrito → cartItemCountEjemplo 3: fecha de última actualización → lastUpdatedAtAhora genera para:- formulario en proceso de envío- error de validación del email- lista de pedidos filtrados"
Itera y refina
El prompting es un diálogo. Refina progresivamente tus peticiones según las respuestas que obtengas.
# Iteración 1"Crea un componente Button"# Iteración 2"Añade las variantes: primary, secondary, ghost y danger"# Iteración 3"Añade soporte de iconos a la izquierda y a la derecha,un estado loading con un spinner, y la prop disabled"# Iteración 4"Añade tests unitarios con Testing Libraryy stories de Storybook para cada variante"
Prompts listos para usar
Copia, adapta y usa estas plantillas en tus proyectos. Cada plantilla sigue los 5 principios y ha sido optimizada para obtener los mejores resultados.
Desarrollo web
Para crear componentes, páginas o funcionalidades web completas.
Eres un desarrollador senior de React/Next.js/TypeScript.Crea un componente React que [DESCRIPCIÓN DEL COMPONENTE].Contexto técnico:- Framework: Next.js 14 (App Router)- Lenguaje: TypeScript (modo strict)- Estilo: Tailwind CSS- Gestión de estado: [zustand / React Context / ninguno]Especificaciones funcionales:- [Funcionalidad 1]- [Funcionalidad 2]- [Funcionalidad 3]Restricciones:- Responsive mobile-first- Accesible (ARIA, gestión del foco)- Rendimiento optimizado (memo, lazy loading si es necesario)- Gestión de errores y estados de cargaGenera el código completo con:1. El componente principal2. Los tipos/interfaces de TypeScript3. Un ejemplo de uso4. Los tests unitarios (Vitest + Testing Library)
Documentación
Para generar documentación técnica clara y estructurada.
Eres un redactor técnico senior.Redacta la documentación técnica para [NOMBRE DEL PROYECTO/MÓDULO].Público objetivo: [desarrolladores junior / equipo interno / open-source]Estructura esperada:1. Visión general (2-3 frases)2. Instalación y requisitos previos3. Configuración4. Guía de inicio rápido (Quick Start)5. Referencia de API (cada función con parámetros, retorno, ejemplo)6. Ejemplos de uso avanzados7. FAQ y resolución de problemasConvenciones:- Ejemplos de código en [TypeScript/Python/etc.]- Todos los fragmentos deben ser copiables y funcionales- Usa admoniciones (nota, aviso, consejo) cuando sea pertinente- Incluye un índice navegable al principio del documento
Automatización
Para crear scripts y pipelines de automatización robustos.
Eres un ingeniero DevOps/SRE senior.Crea un script que automatice [DESCRIPCIÓN DE LA TAREA].Entorno:- SO: [Linux/macOS/Windows]- Lenguaje: [Bash/Python/Node.js]- Herramientas disponibles: [Docker, GitHub Actions, etc.]Funcionamiento esperado:1. [Paso 1 del proceso]2. [Paso 2 del proceso]3. [Paso 3 del proceso]Requisitos:- Gestión de errores robusta (exit codes, try/catch)- Logging con niveles (info, warn, error)- Modo dry-run para probar sin ejecutar- Variables configurables vía .env o argumentos CLI- Idempotente (se puede relanzar sin efectos secundarios)Genera:1. El script completo y comentado2. El archivo .env.example3. El README de uso4. Un ejemplo de cron/schedule si es pertinente
Análisis de datos
Para explorar, transformar y visualizar datos de forma eficaz.
Eres un data analyst senior experto en Python.Analiza este dataset CSV y [OBJETIVO DEL ANÁLISIS].Información sobre los datos:- Fuente: [descripción de la fuente]- Columnas principales: [col1, col2, col3, ...]- Volumen: [número aproximado de filas]- Periodo: [rango temporal de los datos]Análisis solicitado:1. Exploración: estadísticas descriptivas, valores ausentes, distribuciones2. Limpieza: gestión de outliers, normalización, codificación3. Análisis: [correlaciones / tendencias / segmentación / predicción]4. Visualización: gráficos pertinentes con matplotlib/seabornFormato de salida:- Código Python completo (pandas, numpy, matplotlib)- Comentarios explicando cada paso- Interpretación de los resultados en lenguaje no técnico- Recomendaciones basadas en los insights
Creación de contenido
Para redactar contenido estructurado, atractivo y optimizado.
Eres un redactor web senior especializado en [ÁREA].Redacta un artículo de blog sobre [TEMA].Parámetros:- Tono: [profesional / desenfadado / pedagógico]- Longitud: [800-1200 palabras]- Público objetivo: [descripción del lector tipo]- Objetivo: [informar / convencer / tutorial]Estructura:1. Título llamativo (máx. 60 caracteres)2. Introducción con gancho (problema/pregunta)3. 3-5 secciones con subtítulos H24. Ejemplos concretos y datos cuantificados5. Conclusión con llamada a la acciónSEO:- Palabra clave principal: [palabra-clave]- Palabras clave secundarias: [palabra-clave-2, palabra-clave-3]- Meta description (máx. 155 caracteres)- Sugerencias de enlaces internosRestricciones:- Sin jerga innecesaria- Frases cortas (máx. 20 palabras)- Un párrafo = una idea- Incluye listas con viñetas para facilitar la lectura
Errores comunes de prompting
Aprende a reconocer y corregir los prompts poco eficaces. Cada ejemplo muestra un antes/después concreto.
Demasiado vago
"Hazme un sitio web"
"Crea una landing page para una app SaaS de gestión de proyectos.Stack: Next.js 14, TypeScript, Tailwind CSS.Secciones: hero con CTA, features (3 columnas), pricing (3 planes), FAQ en acordeón.Diseño: moderno, modo oscuro, animaciones sutiles al hacer scroll."
Sin contexto
"Corrige este bug"
"Tengo un error 'TypeError: Cannot read property map of undefined'en mi componente ProductList.tsx (línea 42).Este componente recibe una prop 'products' desde una API REST.El error solo aparece en el primer render, antes de que la API responda.Aquí está el componente: [código]"
Pedirlo todo de golpe
"Créame una app completa con auth, dashboard, API, base de datos, tests, CI/CD y despliegue"
"Empecemos por la base de datos.Crea el esquema Prisma para una app de gestión de tareas con:- Tabla User (id, email, name, createdAt)- Tabla Project (id, name, ownerId, createdAt)- Tabla Task (id, title, status, projectId, assigneeId, dueDate)Relaciones: User 1-N Project, Project 1-N Task, User 1-N Task"
No iterar
"No es lo que quería" (sin más detalles)
"El componente está bien estructurado, pero me gustaría 3 cambios:1. Sustituye el botón azul por un degradado teal-to-cyan2. Añade una animación fadeIn al montar el componente3. El campo email debe validar el formato en tiempo real (no solo al enviar)"
Prompting avanzado para power users
Ve más allá de lo básico con técnicas que aprovechan todo el potencial de Claude Code.
Prompt chaining (encadenado en varias etapas)
Divide una tarea compleja en una secuencia de prompts donde cada etapa alimenta la siguiente.
# Etape 1 : Analyse"Analyse ce codebase et identifie les problemes de performance.Liste chaque probleme avec : fichier, ligne, severite, description."# Etape 2 : Priorisation (utilise la sortie de l'etape 1)"A partir de cette liste de problemes, cree un plan d'action priorise.Criteres : impact utilisateur, complexite de correction, risque de regression."# Etape 3 : Implementation (utilise la sortie de l'etape 2)"Implemente la correction du probleme #1 : [description].Genere le code corrige, les tests de non-regression, et un benchmark avant/apres."# Etape 4 : Validation"Revois les corrections appliquees. Verifie qu'elles ne cassent rienet que les tests passent. Suggere des ameliorations supplementaires si pertinent."
Orquestación multiagente
Usa varios agentes especializados que trabajan en paralelo sobre distintos aspectos de un problema.
# Dans votre CLAUDE.md, definissez des agents specialises :## Agents disponibles| Agent | Role | Quand l'utiliser ||----------------|-----------------------------|-------------------------------|| planner | Planification | Avant toute feature complexe || tdd-guide | Test-Driven Development | Nouvelles features, bug fixes || code-reviewer | Revue de code | Apres chaque implementation || security-check | Analyse de securite | Avant chaque commit || architect | Decisions d'architecture | Choix techniques importants |# Exemple d'utilisation dans un prompt :"Utilise l'agent planner pour decomposer cette feature en taches.Puis lance en parallele :- Agent 1 (tdd-guide) : ecrit les tests pour le module auth- Agent 2 (tdd-guide) : ecrit les tests pour le module API- Agent 3 (security-check) : analyse les implications securiteUne fois les tests ecrits, implemente le code pour les faire passer."
Flujos de trabajo complejos con agentes
Combina encadenado, multiagentes y contexto persistente para flujos de trabajo de producción.
# Workflow complet : nouvelle feature du planning a la production## Phase 1 : Recherche et planification"Recherche les implementations existantes de [feature] sur GitHub.Evalue les 3 meilleures options selon : securite, extensibilite, pertinence.Genere un plan d'implementation detaille avec phases et risques."## Phase 2 : TDD (Test-Driven Development)"En suivant le plan, ecris d'abord les tests (RED).Pour chaque module :1. Ecris le test → verifie qu'il echoue2. Ecris l'implementation minimale → verifie qu'il passe (GREEN)3. Refactorise → verifie que tout passe toujours (REFACTOR)"## Phase 3 : Revue et securite"Lance en parallele :- Code review : qualite, patterns, maintenabilite- Security review : injections, auth, secrets, XSS- Performance review : N+1, memory leaks, bundle sizeCorrige les issues CRITICAL et HIGH avant de continuer."## Phase 4 : Integration et deploiement"Cree la PR avec un resume complet des changements.Verifie que le CI passe. Deploie en staging pour validation."
CLAUDE.md: tu arma secreta
El archivo CLAUDE.md es el contexto persistente que Claude Code lee en cada sesión. Es la clave para obtener resultados coherentes y adaptados a tu proyecto.
Estructura de un CLAUDE.md eficaz
Un buen CLAUDE.md convierte a Claude en un miembro de tu equipo que conoce tu proyecto al dedillo.
# CLAUDE.md## ProjetNom : MonApp, Application SaaS de gestion de projetStack : Next.js 14, TypeScript, Tailwind CSS, Prisma, PostgreSQLRepo : monorepo avec apps/ (web, api) et packages/ (ui, utils, config)## Conventions de code- Immutabilite : toujours creer de nouveaux objets, jamais muter- Fichiers < 400 lignes, fonctions < 50 lignes- Nommage : camelCase (variables), PascalCase (composants), kebab-case (fichiers)- Commentaires en francais, code en anglais- Gestion d'erreurs explicite a chaque niveau## Architecture- Feature-based : src/features/[feature]/{components,hooks,utils,types}- Repository pattern pour l'acces aux donnees- API responses : { success, data, error, meta }## Tests- Minimum 80% de couverture- TDD obligatoire : RED → GREEN → REFACTOR- Stack : Vitest + Testing Library + MSW pour les mocks API## Git- Conventional commits : feat:, fix:, refactor:, test:, docs:- PR avec description detaillee et test plan- Jamais de push force sur main## Securite- Pas de secrets en dur, utiliser .env- Validation des inputs a toutes les frontieres- Requetes parametrees (pas de concatenation SQL)## Agents| Agent | Usage ||-------|-------|| planner | Avant toute feature complexe || tdd-guide | Nouvelles features, corrections || code-reviewer | Apres chaque implementation || security-reviewer | Avant chaque commit |
Los 3 niveles de CLAUDE.md
Global
~/.claude/CLAUDE.md
Preferencias personales aplicadas a todos tus proyectos (idioma, estilo, convenciones generales).
Proyecto
./CLAUDE.md
Contexto específico del proyecto: stack, arquitectura, convenciones del equipo, agentes configurados.
Módulo
./src/features/auth/CLAUDE.md
Contexto ultra específico para un módulo: esquema, API, restricciones de negocio particulares.
Continúa tu aprendizaje
El prompting es una habilidad que mejora con la práctica. Explora las demás guías para convertirte en un experto de Claude Code.
Empezar con Claude Code
Instalación, configuración y primeros pasos para arrancar con buen pie.
Leer la guíaLos MCP en detalle
Conecta Claude Code a Gmail, GitHub, Slack y decenas de otras herramientas.
Explorar los MCPCrear Skills
Automatiza tus flujos de trabajo con Skills personalizados y reutilizables.
Descubrir los Skills