✨ Generador de prompts para padres

Claude / ChatGPT

Diseño de situaciones y prompts

React (useState)

Lógica del wizard sin API

Plantillas JS

Variables {edad} y {nivel}

Revisión humana

Verificación pedagógica

Quiero crear un generador de prompts para padres y madres que quieran usar la IA (ChatGPT, Claude, Gemini) para resolver situaciones concretas con sus hijos en edad escolar. La herramienta no usa API: el usuario elige opciones y la herramienta monta el prompt automáticamente. Diseña 6 categorías temáticas (deberes, pantallas, conversaciones difíciles, verificar información, creatividad/aprendizaje, bienestar) con 3-4 situaciones concretas cada una. Para cada situación dame: - Un nombre corto y reconocible para el padre/madre - Un prompt completo y detallado listo para usar en cualquier IA, con variables {edad} y {nivel} que se sustituirán automáticamente - El prompt debe pedir respuestas concretas y accionables, no consejos genéricos

Para la situación "{nombre de la situación}", escribe un prompt para padres que: 1. Empiece asignando un rol experto concreto a la IA (orientador educativo, psicólogo, tutor...) 2. Describa el contexto con las variables {edad} y {nivel} educativo 3. Pida entre 3 y 4 respuestas numeradas, específicas y accionables para esa situación 4. Incluya una instrucción final que pida concreción y evite consejos genéricos 5. Tenga entre 150 y 200 palabras Escribe el prompt en primera persona del padre/madre, como si él o ella lo fuera a pegar directamente en la IA.

Crea un componente React para Next.js 13+ con App Router que funcione como generador de prompts sin API. Requisitos: - 'use client' al inicio, useState de React, import de ParticleHero - Flujo en 3 pasos: (1) elegir categoría con cards visuales, (2) elegir situación concreta + edad del hijo, (3) mostrar el prompt ensamblado con botón de copiar - Los prompts son plantillas con variables {edad} y {nivel} que se sustituyen al generar - Botón "Copiar prompt" con feedback visual ("¡Copiado!") - Botón de reinicio para generar otro - Diseño responsive sin librerías externas, solo CSS inline - Paleta de colores ámbar/dorada - Sección final "Cómo se creó con IA" con los prompts utilizados

Revisa el generador de prompts y mejora: 1. Añade un campo opcional de "contexto adicional" donde el padre pueda añadir detalles específicos que se añaden al final del prompt generado 2. Asegúrate de que cada prompt sea realmente útil y concreto: que la IA no pueda responder con vaguedades 3. Añade sugerencias de qué herramienta de IA es mejor para cada tipo de situación (ChatGPT, Claude, Gemini) 4. Incluye un disclaimer al final del prompt generado recordando que la IA da orientación general, no reemplaza a profesionales