Skip to content

Generación de Código

Generación de Código con IA (Gratis)

La generación de código es donde la IA gratuita brilla más. Estas son las herramientas y técnicas.

Herramientas principales

HerramientaTipoGratis?Mejor para
ChatGPTChatbotSí (limitado)Código general, explicación
ClaudeChatbotSí (limitado)Código complejo, refactoring
DeepSeekChatbotRazonamiento, debugging
Copilot FreeIDE extensionSí (limitado)Autocompletar en editor
CursorIDEFree tierEscritura de código asistida
OpenCodeCLI agentSí (con modelos free)Agentes de código
Hermes AgentCLI agentSí (con modelos free)Full-stack automation

Patrones de prompting para código

1. Generación de funciones

Escribe una función en Python que:
- Reciba una lista de URLs
- Haga request GET a cada una (con reintentos)
- Devuelva un diccionario {url: status_code}
- Maneje timeouts y errores de conexión
- Use asyncio para concurrencia
- Incluya type hints y docstring
- Incluya 3 ejemplos de uso en el docstring

2. Debugging

Este código lanza un error en producción pero funciona en desarrollo:
[PEGAR CÓDIGO]
Error: [PEGAR ERROR]
Contexto:
- Funciona localmente con Python 3.11
- Falla en producción con Python 3.9
- La base de datos es PostgreSQL en producción
¿Cuál es el problema y cómo lo arreglo?

3. Refactoring

Refactoriza esta función siguiendo estos principios:
1. Single Responsibility (una función, una tarea)
2. Nombres descriptivos en español o inglés consistente
3. Type hints completos
4. Manejo de errors explícito
5. Documentación
[PEGAR CÓDIGO]
Mantén la misma API (inputs y outputs) para no romper los callers.

4. Tests

Escribe tests con pytest para esta función. Cubre:
- Casos normales (happy path)
- Edge cases (null, empty, very large)
- Error cases (tipo incorrecto, valor fuera de rango)
- Integración (si usa APIs externas, mockéalas)
Usa fixtures y parametrize para evitar repetición.
[PEGAR CÓDIGO]

ChatGPT Canvas

ChatGPT Plus tiene un modo Canvas especial para código:

  • Editor side-by-side con el chat
  • Ejecución de código Python integrada
  • Sugerencias inline
  • Versiones anteriores accesibles

[!NOTE] Canvas solo está disponible en ChatGPT Plus ($20/mes). Alternativas gratuitas: Claude Artifacts o Cursor Free.

Claude Artifacts

Claude genera “artifacts” — código renderizado en vivo:

  • React/Vue/Svelte: Components interactivos
  • HTML/CSS/JS: Páginas completas
  • SVG: Gráficos y diagramas
Crea un componente React que muestre una barra de búsqueda con:
- Debounce de 300ms
- Historial de búsquedas (localStorage)
- Resultados sugeridos (mock data)
- Estilos con Tailwind CSS
- Animación de fade-in en resultados

Cursor (Free Tier)

Cursor es un editor basado en VS Code con IA integrada.

Características del free tier

  • Autocompletar: Sugerencias de línea
  • Chat inline: Pregunta sobre tu código sin salir del editor
  • Composer: Ediciones multi-archivo
  • Limitaciones: ~200 completions/mes

Setup

  1. Descarga cursor.com
  2. Abre tu proyecto
  3. Cmd+K para editar, Cmd+L para chat

Ejemplo real: De prompt a producción

Prompt: "Crea una API REST con FastAPI que gestione un CRUD de tareas.
Incluye: autenticación JWT, base de datos SQLite, tests con pytest,
documentación automática, y Dockerfile."
→ Agente genera:
- main.py (FastAPI app)
- models.py (SQLAlchemy models)
- auth.py (JWT authentication)
- database.py (SQLite connection)
- tests/test_api.py (pytest tests)
- Dockerfile
- requirements.txt
- README.md
→ Ejecuta tests: ✅ All passing
→ Inicia servidor: ✅ Running on :8000

Cuándo usar cada herramienta

TareaMejor herramientaPor qué
Autocompletar en editorCopilot Free / CursorIntegrado en el flujo
Generar código desde ceroClaudeMejor coherencia multi-archivo
Debugging complejoDeepSeek R1Razonamiento paso a paso
RefactoringClaude CodeEntiende contexto del proyecto
Snippets rápidosChatGPTRápido, simple
Automation completaHermes AgentPuede ejecutar, probar y corregir