Magic Prompteur — reescriba sus prompts como el mejor prompt engineer del mundo

Un artifact React que toma cualquier prompt en bruto y lo transforma en 3 versiones optimizadas de nivel experto, gracias a una IA de Claude integrada directamente en el artifact. Copie el prompt de abajo, péguelo en Claude y su herramienta se construye sola.

Crea un artifact React (aplicación interactiva) llamado "Magic Prompteur": una herramienta que toma un prompt en bruto y lo reescribe al estilo del mejor prompt engineer del mundo, apoyándose en una IA real integrada en el artifact (llamada a la API de Anthropic desde el artifact mediante fetch, sin clave API que pasar).

FUNCIONAMIENTO
- El usuario pega su prompt en bruto en un área de texto.
- Un panel "Ajustes expertos" (plegable) ofrece: Rol/persona (campo libre), Tono (menú: Neutro, Profesional, Contundente, Pedagógico, Creativo, Directo, Cercano, Formal), Formato de salida (A elección del modelo, Texto, Lista con viñetas, Pasos numerados, Tabla, JSON, Markdown), Modelo objetivo (Claude, ChatGPT/GPT, Gemini, Mistral, Midjourney/imagen, Genérico), Nivel de detalle (Conciso, Equilibrado, Detallado, Ultradetallado). Todos opcionales.
- Un botón "Optimizar mi prompt" lo envía todo a Claude.

SALIDA: 3 variantes optimizadas, cada una con un título, una nota de una frase que explica su enfoque y un botón "Copiar":
1. Preciso & estructurado (restricciones claras, formato explícito)
2. Rico en contexto (rol marcado, ejemplos, salvaguardas)
3. Cadena de razonamiento (pensamiento paso a paso)

LLAMADA API EN EL ARTIFACT: POST a https://api.anthropic.com/v1/messages, modelo claude-sonnet-5, max_tokens 8000. El system prompt convierte a Claude en un prompt engineer de élite que domina rol/persona, contexto, restricciones, formato, few-shot, criterios de éxito y razonamiento paso a paso. Los prompts reescritos están en español, listos para pegar, adaptados al modelo objetivo.

IMPORTANTE — ROBUSTEZ: NO utilices JSON para la salida (las comillas, llaves y saltos de línea de los prompts generados lo rompen). Utiliza un formato con delimitadores: cada variante empieza por "===VARIANTE===" con los campos "ID:", "TITRE:", "NOTE:" y luego "---PROMPT---" seguido del texto del prompt (que puede contener cualquier carácter). Parsea dividiendo por estos delimitadores y muestra incluso las variantes parciales si la respuesta está truncada.

DISEÑO: interfaz oscura y premium (fondo slate-950), degradados violeta/fucsia/cian, iconos lucide-react, animaciones sutiles, totalmente responsive en móvil y escritorio, en español. Cada variante tiene su color de acento (cian/violeta/ámbar) y su icono (diana/capas/cerebro).

RESTRICCIONES TÉCNICAS DEL ARTIFACT: componentes definidos fuera del componente principal (de lo contrario, pérdida de foco de los campos con cada pulsación). Sin localStorage/sessionStorage (no soportados en los artifacts) — estado gestionado en memoria mediante useState. Gestión de errores limpia con mensaje al usuario. Botón copiar con fallback execCommand.