Una aplicación web para generar prompts efectivos utilizando 75 frameworks especializados de prompt engineering.
- Análisis de objetivo: Escribe tu objetivo y el sistema lo analiza automáticamente
- Selección inteligente: El sistema determina el framework más adecuado
- Explicación detallada: Recibe el por qué se eligió ese framework
- Ejemplos prácticos: Obtén ejemplos específicos para tu caso
- Generación guiada: Asistencia paso a paso para crear tu prompt
- Especificaciones detalladas: Genera documentos completos para desarrollos web en plataformas Bolt/Lovable
- Diseño visual preciso: Incluye paletas de colores, tipografía, espaciado y elementos UI
- Interacciones y animaciones: Define comportamientos exactos para cada elemento interactivo
- Arquitectura de contenido: Establece estructura jerárquica de páginas y secciones
- SEO y estrategia: Incluye palabras clave, meta etiquetas y estructura recomendada
- Resultados profesionales: Se aconseja usar API Key propia para resultados óptimos, aunque también funciona excelentemente con la versión gratuita
Nueva funcionalidad que permite definir con precisión la estética de tu proyecto:
- Paleta de colores: Define colores primarios, secundarios y de acento con selectores visuales
- Tipografía personalizada: Selecciona fuentes para títulos y texto, tamaños y estilos tipográficos
- Elementos de diseño: Configura estilos de componentes, densidad de información y efectos visuales
- Valores predeterminados: Opción para aplicar valores estéticos predefinidos por Lovable
- Referencias visuales: Incluye URLs de sitios de referencia e inspiración
- Integración completa: Todos los detalles estéticos se incorporan automáticamente al prompt
Esta personalización estética permite obtener resultados mucho más precisos y alineados con la identidad visual deseada para el proyecto.
La sección de Razonadores está diseñada para crear prompts extremadamente detallados y estructurados que potencian las capacidades de razonamiento profundo de modelos de lenguaje avanzados como GPT-4o y Gemini.
- Análisis detallado de temas: Proporciona un tema y el sistema generará automáticamente preguntas personalizadas para extraer información crucial
- Preguntas de refinamiento: Responde a preguntas específicas generadas por la IA para clarificar detalles clave sobre tu tema
- Prompt ultradetallado: Obtén un prompt con 15-20 puntos de instrucción (tres veces más completo que un prompt estándar)
- Estructura optimizada: El prompt generado incluye secciones, subsecciones, numeración, viñetas y énfasis (negritas, cursivas)
- Criterios de evaluación: Cada prompt incluye métricas específicas para evaluar la calidad de la respuesta
- Razonamiento sistemático: Diseñado para extraer el razonamiento paso a paso de los modelos más avanzados
El modo Razonador funciona siguiendo estos pasos:
- Ingresa el tema o problema sobre el que necesitas un análisis profundo
- El sistema analiza el tema y genera preguntas personalizadas para obtener más contexto
- Responde a estas preguntas para proporcionar información crucial
- El sistema genera un prompt ultradetallado optimizado para obtener el mejor razonamiento posible
- Utiliza este prompt con modelos avanzados para obtener análisis sistemáticos y profundos
Para obtener resultados óptimos se recomienda utilizar una API Key propia configurada para acceder a modelos más potentes como GPT-4o, aunque también funciona con GPT-4o-mini.
- GPT-4o-mini (Gratis): Disponible para todos los usuarios sin coste
- Recomendaciones de frameworks precisas
- Respuestas de alta calidad
- Hasta 4000 tokens por consulta
- Limitado a 10 solicitudes por hora (para uso gratuito)
- GPT-4o (API Key propia): Para usuarios que desean resultados premium
- Recomendaciones más precisas y detalladas
- Mayor comprensión del contexto
- Requiere tu propia API Key de OpenAI
- Sin límites de uso (depende de tu plan de OpenAI)
- Configuración simple a través del panel de configuración
- La API Key nunca se almacena en el servidor, solo en la sesión del navegador
Todos los frameworks están disponibles como archivos de texto en la carpeta
static/frameworks/prompt-frameworks/
del repositorio, donde se encuentran detallados con ejemplos y estructuras completas.
Framework | Componentes | Ideal para |
---|---|---|
RTF | Role, Task, Format | Generación de contenido estructurado y tareas específicas. |
PARA | Purpose, Action, Result, Assessment | Planificación y evaluación de proyectos. |
SMART | Specific, Measurable, Achievable, Relevant, Time‑bound | Definición de objetivos y metas. |
ERQ | Experience, Requirements, Qualifiers | Definición de perfiles y requisitos. |
CODE | Context, Objective, Details, Examples | Documentación técnica y guías. |
PROS | Perspective, Requirements, Outcome, Scope | Planificación de proyectos. |
TEAM | Task, Environment, Approach, Metrics | Trabajo en equipo y colaboración. |
IDEA | Identify, Define, Execute, Assess | Resolución de problemas. |
CARE | Context, Action, Result, Example | Instrucciones detalladas y aprendizaje. |
RISE | Role, Input, Steps, Expectation | Procesos y flujos de trabajo. |
LOGIC | Layout, Objective, Guidelines, Implementation, Criteria | Desarrollo de sistemas y procesos. |
SCOPE | Situation, Core Need, Obstacles, Plan, Evaluation | Definición y gestión de alcance. |
FOCUS | Frame, Objective, Constraints, Understanding, Solution | Resolución estructurada de problemas. |
CLARITY | Context, Limitations, Approach, Requirements, Implementation, Timeline, Yield | Gestión de proyectos complejos y migraciones. |
EXPERT | Expertise, Context, Purpose, Execution, Results, Testing | Proyectos técnicos especializados. |
GUIDE | Goal, User, Implementation, Delivery, Evaluation | Desarrollo de productos y servicios. |
PATH | Purpose, Approach, Target, Horizon | Planificación estratégica. |
LEARN | Level, Experience, Approach, Resources, Next steps | Planes de formación y desarrollo. |
SOLVE | Situation, Options, Limitations, Verification, Execution | Resolución de problemas complejos. |
PRIME | Problem, Research, Implementation, Monitoring, Evaluation | Proyectos de investigación y desarrollo. |
ADAPT | Analysis, Design, Approach, Progress, Testing | Proyectos adaptativos y ágiles. |
BUILD | Baseline, Understanding, Implementation, Learning, Delivery | Desarrollo de nuevos productos o servicios. |
CRAFT | Context, Requirements, Approach, Features, Testing | Desarrollo de soluciones a medida. |
SCALE | Strategy, Capabilities, Action, Learning, Evolution | Escalamiento de proyectos y operaciones. |
THINK | Topic, History, Insights, Next steps, Knowledge | Análisis estratégico y toma de decisiones. |
GROW | Goal, Reality, Options, Way Forward | Coaching y desarrollo personal. |
QUEST | Question, Understanding, Exploration, Solution, Testing | Investigación y resolución de problemas. |
DRIVE | Direction, Resources, Implementation, Validation, Evolution | Gestión de proyectos innovadores. |
SHAPE | Situation, History, Analysis, Plan, Execution | Transformación organizacional. |
REACH | Requirements, Evaluation, Approach, Completion, Handover | Gestión de proyectos end-to-end. |
BLEND | Baseline, Learning, Evolution, Navigation, Delivery | Proyectos híbridos y metodologías mixtas. |
SPARK | Strategy, Planning, Action, Results, Knowledge | Iniciativas de innovación. |
PULSE | Purpose, Understanding, Learning, Strategy, Evaluation | Monitoreo y mejora continua. |
FAST | Focus, Audience, Scope, Tone | Documentación técnica y guías de usuario. |
T-A-G | Tarea, Acción, Meta | Proyectos con objetivos medibles y acciones concretas. |
B-A-B | Antes, Después, Puente | Mostrar cambios y mejoras con un plan claro. |
P-E-A-S | Propósito, Resultado, Audiencia, Estilo | Estrategias de comunicación y marketing. |
S-T-A-R | Situación, Tarea, Acción, Resultado | Documentar logros y experiencias. |
Q-C-Q-A | Pregunta, Contexto, Calificación, Respuesta | Consultas estructuradas para resolver problemas paso a paso. |
A-I-D-A | Atención, Interés, Deseo, Acción | Marketing persuasivo y creación de campañas. |
L-E-A-P | Nivel, Expectativas, Enfoque, Parámetros | Planificación estratégica. |
S-P-I-N | Situación, Problema, Implicación, Necesidad | Ventas consultivas y negociación. |
D-E-S-I-G-N | Define, Explore, Scope, Ideate, Guide, Narrow | Procesos de diseño y desarrollo. |
V-I-S-I-O-N | Visualize, Identify, Structure, Implement, Optimize, Navigate | Planificación estratégica. |
I-M-P-A-C-T | Intent, Message, Purpose, Audience, Channel, Timing | Estrategias de comunicación. |
M-A-S-T-E-R | Mission, Approach, Strategy, Tactics, Execution, Review | Gestión de proyectos. |
P-O-W-E-R | Problem, Outcome, Why, Execution, Resources | Resolución de problemas. |
C-R-E-A-T-E | Context, Requirements, Examples, Alternatives, Testing, Evaluation | Procesos creativos y desarrollo de soluciones. |
F-L-O-W | Focus, Limits, Outcomes, Work | Optimización de procesos y productividad. |
B-O-L-T | Business, Operations, Legal, Technical | Análisis empresarial integral. |
P-A-C-E | Purpose, Audience, Content, Expression | Comunicación efectiva y presentaciones. |
A-G-I-L-E | Adaptable, Goal-oriented, Iterative, Lightweight, Efficient | Desarrollo ágil y gestión de proyectos. |
S-E-E-D | Situation, Expectation, Execution, Delivery | Implementación de proyectos desde cero. |
S-H-I-F-T | Situation, Hurdles, Innovation, Framework, Transition | Gestión del cambio y transformación. |
L-I-F-T | Learning, Implementation, Feedback, Transformation | Mejora continua y aprendizaje. |
P-A-T-H-S | Problem, Alternatives, Tradeoffs, Hypothesis, Solution | Toma de decisiones complejas. |
F-A-S-T-E-R | Focus, Analysis, Solution, Testing, Evaluation, Refinement | Desarrollo rápido y optimización. |
V-A-L-U-E | Vision, Approach, Leverage, Understanding, Execution | Creación de valor empresarial. |
S-M-A-R-T-E-R | Specific, Measurable, Achievable, Relevant, Time-bound, Evaluate, Reassess | Definición y seguimiento de objetivos. |
G-R-I-T | Goal, Resources, Impediments, Timeline | Gestión de proyectos con objetivos desafiantes. |
G-L-I-D-E | Goal, Limitations, Implementation, Development, Evaluation | Desarrollo de productos de forma eficiente. |
P-I-V-O-T | Problem, Investigation, Verification, Opportunity, Transformation | Adaptación y gestión del cambio. |
E-P-I-C | Expectation, Plan, Implementation, Completion | Gestión de proyectos con entregables claros. |
SCQA | Situation, Complication, Question, Answer | Comunicación persuasiva y presentaciones. |
SOAR | Strengths, Opportunities, Aspirations, Results | Planificación estratégica positiva. |
CFT | Context, Focus, Transformation | Gestión del cambio y transformaciones. |
TAR | Trigger, Action, Result | Análisis conductual y cambio de hábitos. |
PACE | Primary goal, Alternatives, Consequences, Environment | Toma de decisiones complejas. |
FAB | Features, Advantages, Benefits | Marketing y comunicación de producto. |
AOR | Action, Outcome, Reflection | Aprendizaje experiencial y mejora. |
SPQA | Situation, Problem, Question, Answer | Resolución estructurada de problemas. |
SARA | Shock, Anger, Resistance, Acceptance | Gestión del cambio y transiciones. |
GEAR | Goal, Execute, Assess, Reflect | Mejora continua y ciclos de aprendizaje. |
BRIDGE | Background, Reason, Information, Decision, Goal, Evaluation | Comunicaciones corporativas y cambios organizacionales. |
CLEAR | Connect, Listen, Explore, Action, Reflect | Comunicación interpersonal y coaching. |
- Generación de prompts: Creación automática según el framework seleccionado
- Exportación flexible: Opciones para copiar en markdown o texto formateado
- Contador de tokens: Monitorización en tiempo real del uso de tokens
- Sistema de limitación de tasa: Control de uso para el modelo gratuito (10 solicitudes/hora)
- Interfaz responsiva: Diseño adaptable para cualquier dispositivo
- Selección de modelos: Opción para usar GPT-4o-mini (gratis) o GPT-4o (con API key propia)
- Almacenamiento local: Guarda tus prompts favoritos
- Ejemplos interactivos: Biblioteca de casos de uso para cada framework
- Configuración de privacidad: Las API Keys nunca se almacenan en el servidor, solo en la sesión del navegador
- Formulario de contacto: Sistema de contacto integrado usando Resend para el envío de emails
- Analítica web: Seguimiento de uso mediante Google Analytics para mejorar la experiencia
- Banner de consentimiento de cookies: Sistema compacto para gestionar el consentimiento de cookies esenciales y de análisis (Google Analytics)
- Backend: Python 3.9+ con Flask
- IA: OpenAI GPT-4o-mini (gratis) o GPT-4o (con API key propia)
- Frontend: HTML5, CSS3, JavaScript
- Estilos: Bootstrap 5
- Documentación: Markdown
- Despliegue: Gunicorn
- Python 3.9 o superior
- Cuenta de OpenAI con API key
- pip (gestor de paquetes de Python)
- Clona el repositorio:
git clone https://github.com/686f6c61/prompt-engineering-frameworks.git
cd prompt-engineering-frameworks
- Crea y activa un entorno virtual:
python3 -m venv venv
source venv/bin/activate # En Windows: venv\Scripts\activate
- Instala las dependencias:
pip install -r requirements.txt
- Configura las variables de entorno:
# Crea un archivo .env con las siguientes variables
OPENAI_API_KEY=tu_clave_de_api_de_openai
FLASK_SECRET_KEY=una_clave_secreta_para_flask
RESEND_API_KEY=tu_clave_de_api_de_resend
FLASK_ENV=development
PORT=5000
[email protected]
[email protected]
GOOGLE_ANALYTICS_ID=tu_id_de_google_analytics
- Ejecuta la aplicación:
python main.py
- app.py: Punto de entrada de la aplicación Flask, maneja las rutas y la lógica principal
- requirements.txt: Lista de dependencias Python necesarias para el proyecto
- .env: Archivo de configuración con variables de entorno sensibles
- static/: Directorio para archivos estáticos
- css/: Hojas de estilo personalizadas
- js/: Scripts de JavaScript para la interactividad
- main.js: Funcionalidad principal para los 47 frameworks
- bolt_lovable.js: Lógica específica para el generador Bolt/Lovable
- img/: Recursos gráficos
- templates/: Plantillas HTML de Jinja2
- base.html: Plantilla base con estructura común
- index.html: Página principal con los frameworks
- bolt_lovable.html: Interfaz para el generador de especificaciones Bolt/Lovable
- ayuda_faq.html: Documentación, guía de uso y preguntas frecuentes
- utils/: Módulos de utilidad
- openai_helper.py: Funciones para interactuar con la API de OpenAI
- bolt_lovable_helper.py: Funciones específicas para generar especificaciones detalladas para Bolt/Lovable
- prompt_formatter.py: Utilidades para formatear los prompts generados
- rate_limiter.py: Control de límites de uso de la API
La aplicación utiliza un archivo central static/frameworks/frameworks.json
que contiene toda la información estructurada de los frameworks disponibles. Este archivo es fundamental para la escalabilidad de la aplicación, ya que permite:
- Agregar nuevos frameworks fácilmente sin modificar el código principal
- Centralizar toda la información de los frameworks en un solo lugar
- Mantener coherencia entre la interfaz de usuario y la lógica de procesamiento
[
{
"nombre_completo": "GUIDE (Meta-Usuario-Implementación-Entrega-Evaluación)",
"acronimo": "GUIDE",
"significado_acronimo": [
"Meta (Goal)",
"Usuario",
"Implementación",
"Entrega (Delivery)",
"Evaluación"
],
"componentes": [
{"nombre": "Meta (Goal)", "descripcion": "Define el objetivo principal y los resultados deseados"},
{"nombre": "Usuario", "descripcion": "Identifica a los usuarios o stakeholders y sus necesidades específicas"},
{"nombre": "Implementación", "descripcion": "Detalla cómo se desarrollará o construirá la solución"},
{"nombre": "Entrega (Delivery)", "descripcion": "Especifica cómo se desplegará o entregará el producto final"},
{"nombre": "Evaluación", "descripcion": "Establece cómo se medirá el éxito y se recogerá feedback"}
],
"descripcion_proposito": "El framework GUIDE proporciona una estructura centrada en el usuario para el desarrollo y entrega de productos y servicios...",
"ejemplo_uso": {
"Meta": "Lanzar MVP en 2 meses",
"Usuario": "Equipo de desarrollo",
"Implementación": "Definir requisitos y prototipos",
"Entrega": "Desplegar versión beta",
"Evaluación": "Recoger feedback y métricas de uso"
},
"casos_recomendados": [
"Desarrollo de productos centrados en el usuario",
"Lanzamiento de nuevas funcionalidades o servicios",
"Proyectos de mejora de experiencia de usuario"
],
"ventajas": [
"Mantiene el foco en las necesidades reales de los usuarios",
"Proporciona un enfoque equilibrado entre objetivos, implementación y evaluación",
"Establece un ciclo completo desde la definición hasta el feedback"
]
},
// Más frameworks...
]
Para añadir un nuevo framework a la aplicación:
- Crear los archivos de texto: Añadir el nuevo framework como archivo
.txt
en la carpetaframeworks/
- Actualizar frameworks.json: Agregar una nueva entrada en el archivo JSON siguiendo la estructura mostrada
- Regenerar el archivo ZIP: Actualizar
static/frameworks/prompt-frameworks.zip
incluyendo el nuevo archivo de texto - Actualizar la interfaz: La aplicación detectará automáticamente el nuevo framework desde el JSON
El archivo puede ser consumido mediante una simple petición HTTP:
// Ejemplo de cómo obtener los frameworks en JavaScript
fetch('/static/frameworks/frameworks.json')
.then(response => response.json())
.then(data => {
// Trabajar con los datos de frameworks
console.log(`Frameworks disponibles: ${data.length}`);
// Filtrar frameworks por caso de uso
const frameworksParaProductos = data.filter(f =>
f.casos_recomendados.some(caso => caso.includes("producto"))
);
});
También está disponible una versión en CSV (static/frameworks/frameworks.csv
) para integración con herramientas de análisis de datos o hojas de cálculo.
La aplicación utiliza las siguientes variables de entorno:
OPENAI_API_KEY
: Tu clave de API de OpenAIFLASK_SECRET_KEY
: Clave secreta para la seguridad de FlaskRESEND_API_KEY
: Clave de API de Resend para el envío de correosFLASK_ENV
: Entorno de Flask (development/production)PORT
: Puerto para el servidor (por defecto 8000)GOOGLE_ANALYTICS_ID
: ID de seguimiento de Google Analytics (Ej: G-XXXXXXXXXX)
La aplicación utiliza Google Analytics para el seguimiento analítico. Para configurarlo:
- Obtén tu ID de seguimiento de Google Analytics
- Configura la variable de entorno
GOOGLE_ANALYTICS_ID
en tu archivo.env
:GOOGLE_ANALYTICS_ID=G-XXXXXXXXXX
- Si no se proporciona esta variable, el seguimiento de Google Analytics se desactivará automáticamente.
El formulario de contacto utiliza Resend para enviar correos electrónicos:
- Regístrate en Resend y obtén tu API key
- Añade tu API key en el archivo
.env
:RESEND_API_KEY=tu_clave_aqui
- Modifica el dominio y dirección de correo en
app.py
si deseas usar tu propio dominio
- Accede a la aplicación en
http://localhost:5000
- Describe tu objetivo o selecciona un framework
- Completa los campos según el framework elegido
- Genera y copia tu prompt optimizado
El sistema implementa un control de uso para el modelo gratuito GPT-4o-mini:
- Límite estándar: 10 solicitudes por hora por usuario
- Contador visual: Muestra las solicitudes restantes en la interfaz
- Temporizador de reinicio: Indica cuándo se restablecerá el contador
- Uso ilimitado: Disponible al configurar tu propia API Key de OpenAI
- Almacenamiento en sesión: El contador se mantiene en la sesión del navegador
Para usar el sistema sin limitaciones:
- Haz clic en "Cambiar modelo" en la barra superior
- Selecciona la opción "Usar GPT-4o con mi API Key"
- Introduce tu API Key de OpenAI
- Confirma para eliminar las restricciones de uso
Para proyectos educativos o de investigación, Prompt Agent ofrece un sistema de códigos promocionales que permite aumentar el límite gratuito de 10 a 30 solicitudes por hora:
Características del sistema:
- Aumento significativo: Triplica el límite estándar (de 10 a 30 solicitudes/hora)
- Solicitud simple: Formulario integrado para solicitar códigos promocionales
- Validación instantánea: Aplicación inmediata del nuevo límite al validar el código
- Gestión de sesión: El código promocional se mantiene activo durante toda la sesión
- Indicador visual: Muestra claramente cuando un código está activo
Los códigos promocionales actualmente disponibles son:
CODE_01
: Código promocional para estudiantes de la clase de Evaristo y SoniaCODE_02
: Código promocional para estudiantes de IA
Para solicitar un código promocional:
- Accede a la sección de "Ayuda/FAQ" desde la barra de navegación
- Utiliza el formulario de contacto al final de la página
- Selecciona "Código promocional" como asunto
- Describe brevemente tu proyecto educativo o de investigación
- Envía la solicitud y recibirás respuesta por correo electrónico
También puedes aplicar un código promocional existente:
- Haz clic en "Configuración" en la barra de navegación
- En la sección "Código Promocional", introduce el código recibido
- Haz clic en "Aplicar" para validar y activar el código
- Si es válido, verás un mensaje de confirmación y tu límite aumentará a 30 solicitudes/hora
Para crear especificaciones detalladas de proyectos web:
- Haz clic en el botón "⚡❤️ Bolt/Lovable" en la barra de navegación
- Escribe una descripción de tu proyecto web en el campo correspondiente
- Haz clic en "Recomendar Framework" para obtener una sugerencia basada en tu descripción
- Completa los campos del framework recomendado con los detalles de tu proyecto
- Haz clic en "Siguiente: Personalizar estética" para acceder a las opciones de personalización visual
- Define la paleta de colores, tipografía y elementos de diseño o usa los valores predeterminados de Lovable
- Genera el prompt detallado haciendo clic en "Generar Prompt Bolt/Lovable"
- Copia el resultado en formato Markdown o formateado según tus necesidades
La nueva sección de personalización estética te permite:
- Seleccionar colores con precisión usando selectores visuales
- Escoger fuentes y estilos tipográficos para títulos y contenido
- Definir el estilo de los componentes (redondeados, angulares, flat, etc.)
- Aplicar valores estéticos predefinidos con un solo clic
- Añadir referencias a sitios web de inspiración
Para obtener resultados óptimos se recomienda utilizar una API Key propia configurada en la sección "Configuración", aunque también se obtienen excelentes resultados con la versión gratuita (GPT-4o-mini).
Las contribuciones son bienvenidas. Por favor:
- Haz fork del repositorio
- Crea una rama para tu feature (
git checkout -b feature/AmazingFeature
) - Commit tus cambios (
git commit -m 'Add some AmazingFeature'
) - Push a la rama (
git push origin feature/AmazingFeature
) - Abre un Pull Request
Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE
para más detalles.
- Ampliación a 63 frameworks disponibles para prompt engineering
- Aumento en los créditos de uso para usuarios gratuitos
- Mejoras en algoritmo de recomendación para incluir nuevos frameworks
- Optimización del sistema de búsqueda de frameworks
- Ampliación a 75 frameworks disponibles para prompt engineering
- Aumento en los créditos de uso para usuarios gratuitos
- Mejoras en algoritmo de recomendación para incluir nuevos frameworks
- Optimización del sistema de búsqueda de frameworks