Ir al contenido principal
Traducción automática en fase de mejora, sin revisión nativa todavía. Informa de errores en GitHub (se abre en una pestaña nueva).
Guía de prompting

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.

Fundamentos

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.

Principio 1

Sé específico

Aporta contexto y restricciones claras. Cuanto más preciso sea tu prompt, más relevante será la respuesta.

exemple-principe-1.mdmarkdown
# 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."
Principio 2

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.

exemple-principe-2.mdmarkdown
"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."
Principio 3

Especifica el formato esperado

Indica claramente la estructura de respuesta deseada: código, lista, tabla, JSON, markdown, etc.

exemple-principe-3.mdmarkdown
"Genera la respuesta con el siguiente formato:
1. Un resumen en 2-3 frases
2. El código completo con comentarios inline
3. Una tabla de dependencias necesarias (nombre | versión | uso)
4. Las instrucciones de instalación paso a paso"
Principio 4

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.

exemple-principe-4.mdmarkdown
"Genera nombres de variables siguiendo este patrón:
Ejemplo 1: usuario conectado → isUserLoggedIn
Ejemplo 2: número de productos en el carrito → cartItemCount
Ejemplo 3: fecha de última actualización → lastUpdatedAt
Ahora genera para:
- formulario en proceso de envío
- error de validación del email
- lista de pedidos filtrados"
Principio 5

Itera y refina

El prompting es un diálogo. Refina progresivamente tus peticiones según las respuestas que obtengas.

exemple-principe-5.mdmarkdown
# 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 Library
y stories de Storybook para cada variante"
Plantillas

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.

template-desarrollo-web.txtmarkdown
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 carga
Genera el código completo con:
1. El componente principal
2. Los tipos/interfaces de TypeScript
3. Un ejemplo de uso
4. Los tests unitarios (Vitest + Testing Library)

Documentación

Para generar documentación técnica clara y estructurada.

template-documentacion.txtmarkdown
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 previos
3. Configuración
4. Guía de inicio rápido (Quick Start)
5. Referencia de API (cada función con parámetros, retorno, ejemplo)
6. Ejemplos de uso avanzados
7. FAQ y resolución de problemas
Convenciones:
- 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.

template-automatizacion.txtmarkdown
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 comentado
2. El archivo .env.example
3. El README de uso
4. Un ejemplo de cron/schedule si es pertinente

Análisis de datos

Para explorar, transformar y visualizar datos de forma eficaz.

template-analisis-datos.txtmarkdown
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, distribuciones
2. Limpieza: gestión de outliers, normalización, codificación
3. Análisis: [correlaciones / tendencias / segmentación / predicción]
4. Visualización: gráficos pertinentes con matplotlib/seaborn
Formato 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.

template-contenido.txtmarkdown
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 H2
4. Ejemplos concretos y datos cuantificados
5. Conclusión con llamada a la acción
SEO:
- Palabra clave principal: [palabra-clave]
- Palabras clave secundarias: [palabra-clave-2, palabra-clave-3]
- Meta description (máx. 155 caracteres)
- Sugerencias de enlaces internos
Restricciones:
- Sin jerga innecesaria
- Frases cortas (máx. 20 palabras)
- Un párrafo = una idea
- Incluye listas con viñetas para facilitar la lectura
A evitar

Errores comunes de prompting

Aprende a reconocer y corregir los prompts poco eficaces. Cada ejemplo muestra un antes/después concreto.

Demasiado vago

Qué no hacer
mal-prompt.mdmarkdown
"Hazme un sitio web"
Qué hacer
buen-prompt.mdmarkdown
"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

Qué no hacer
mal-prompt.mdmarkdown
"Corrige este bug"
Qué hacer
buen-prompt.mdmarkdown
"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

Qué no hacer
mal-prompt.mdmarkdown
"Créame una app completa con auth, dashboard, API, base de datos, tests, CI/CD y despliegue"
Qué hacer
buen-prompt.mdmarkdown
"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

Qué no hacer
mal-prompt.mdmarkdown
"No es lo que quería" (sin más detalles)
Qué hacer
buen-prompt.mdmarkdown
"El componente está bien estructurado, pero me gustaría 3 cambios:
1. Sustituye el botón azul por un degradado teal-to-cyan
2. Añade una animación fadeIn al montar el componente
3. El campo email debe validar el formato en tiempo real (no solo al enviar)"
Avanzado

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.

prompt-chaining.mdmarkdown
# 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 rien
et 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.

multi-agent.mdmarkdown
# 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 securite
Une 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.mdmarkdown
# 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 echoue
2. 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 size
Corrige 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."
Arma secreta

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.mdmarkdown
# CLAUDE.md
## Projet
Nom : MonApp, Application SaaS de gestion de projet
Stack : Next.js 14, TypeScript, Tailwind CSS, Prisma, PostgreSQL
Repo : 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.