Técnicas de Prompting Profesional

Arte del Prompting

Buenos prompts = código profesional. Domina las técnicas que usan los mejores developers.

Especificidad vs Brevedad

// Hacer login

// Función async login:
// - Recibe email, password
// - Valida email
// - POST /api/auth/login
// - Maneja 400,401,500
// - Retorna user + token
// - TypeScript

1. Context-First

// CONTEXTO: Next.js 14 + App Router
// Backend: tRPC + Prisma
// Auth: NextAuth
// TAREA: Form registro
// - React Hook Form + Zod
// - name, email, password
// - Validaciones completas
// - Loading, errors
// - Responsive

2. Example-Driven

// Tengo componentes así:
const Button = ({ variant, ...props }) => {
  const styles = {
    primary: "bg-blue-600"
  };
  return ;
};
// Crear Input mismo patrón:
// - Variantes, props, accesible

3. Constraint-Based

// Paginación con RESTRICCIONES:
// ✅ DEBE: TypeScript strict
// ✅ DEBE: Edge cases
// ❌ NO: any, clases, var
// ✅ PREFERIR: funcional

4. Iterative Refinement

// 1. "Hook fetch datos"
// 2. "Agregar loading/error"
// 3. "Debounce + cache"
// 4. "Retry + optimistic"

5. Role-Based

// Code review:
"Actúa como senior 10 años.
Revisa código:
1. Bugs
2. Performance
3. Legibilidad
4. Best practices
Sugiere mejoras."
// Arquitectura:
"Arquitecto software.
Diseña e-commerce
microservicios escalable."

Prompts Especializados

Debugging

"Error: [exacto]
Código: [pegar]
Intenté: [lista]
¿Problema y solución?"

Refactoring

"Refactor SOLID:
1. Separar lógica
2. Funciones puras
3. Naming
4. JSDoc
[código]
Explica cambios."

Optimización

"Componente re-renders:
[código]
Optimizar:
- useMemo
- useCallback
- React.memo
Explica causa."

Mega-Prompt

// CONTEXTO: Next.js + TypeScript
// ROL: Senior full-stack
// TAREA: Sistema reviews
// SPECS:
// 1. Backend tRPC
// 2. Prisma models
// 3. Frontend React
// 4. Tests Vitest
// RESTRICCIONES:
// ✅ TypeScript strict
// ❌ NO any
// ENTREGA:
// 1. schema.prisma
// 2. router.ts
// 3. Components
// 4. Tests
// Explica decisiones

Anti-Patrones

Ejercicios

1. Hook forms con validación
2. Mejorar prompt vago
3. Auth completa mega-prompt

Practica para código profesional!