// Optimizador de Prompts para IA — ACACIA freeware. 100% en el navegador. ES/EN. Acento púrpura. const { useState, useEffect, useMemo } = React; const STRINGS = { es: { nav_more:"← Más herramientas", theme_label:"Cambiar tema", lang_label:"Idioma", eyebrow:"Herramienta gratis", h1:"Optimizador de ", h1b:"prompts IA", hero_p:"Convierte una idea en un prompt profesional para ChatGPT, Gemini o Claude. Rellena los campos y copia.", privacy_chip:"El prompt se arma en tu navegador. Nada se sube.", presets:"Plantillas rápidas", p_blog:"Artículo de blog", p_resumen:"Resumir texto", p_codigo:"Generar código", p_email:"Email de ventas", p_plan:"Plan / estrategia", role:"Rol (actúa como…)", role_ph:"experto en marketing digital", task:"Tarea / objetivo", task_ph:"¿Qué quieres que haga la IA?", context:"Contexto", context_ph:"Información de fondo, datos, situación…", audience:"Público objetivo", audience_ph:"p. ej. dueños de PyMEs", format:"Formato de salida", tone:"Tono", length:"Longitud", language:"Idioma de respuesta", constraints:"Restricciones / qué evitar", constraints_ph:"evita tecnicismos, no inventes datos…", examples:"Ejemplos (opcional)", examples_ph:"Entrada → salida deseada…", f_free:"(libre)", f_list:"Lista con viñetas", f_table:"Tabla", f_steps:"Pasos numerados", f_json:"JSON", f_essay:"Texto/ensayo", t_pro:"Profesional", t_casual:"Casual", t_persuasive:"Persuasivo", t_friendly:"Cercano", t_formal:"Formal", l_short:"Breve", l_medium:"Media", l_long:"Detallada", stepwise:"Pedir razonamiento paso a paso", askback:"Que pregunte si falta información", output:"Tu prompt optimizado", copy:"Copiar", copied:"¡Copiado!", clear:"Limpiar", cta_h3:"¿Quieres integrar IA en tu negocio de verdad?", cta_p:"En ACACIA desarrollamos soluciones con IA a la medida para PyMEs. Hablemos.", cta_btn:"Hablar con ACACIA", faq_title:"Preguntas frecuentes", faq:[["¿Cómo escribo un buen prompt?","Define rol, contexto, tarea, formato y tono. Esta herramienta arma esa estructura por ti."],["¿Sirve para ChatGPT, Gemini y Claude?","Sí, genera texto que pegas en cualquier asistente de IA."],["¿Se suben mis datos?","No. Todo ocurre en tu navegador."]], foot_free:"© 2026 ACACIA · Herramienta gratis", foot_tools:"Herramientas", foot_privacy:"Privacidad", foot_contact:"Contacto", foot_crafted:"hecho con", foot_by:"por", // labels usados en el prompt generado L_role:"Actúa como", L_context:"Contexto", L_task:"Tarea", L_audience:"Público objetivo", L_format:"Formato de salida", L_tone:"Tono", L_length:"Extensión", L_constraints:"Restricciones", L_examples:"Ejemplos", L_lang:"Responde en", L_step:"Antes de responder, razona paso a paso y luego entrega la respuesta final.", L_ask:"Si te falta información para hacerlo bien, hazme primero las preguntas necesarias.", }, en: { nav_more:"← More tools", theme_label:"Toggle theme", lang_label:"Language", eyebrow:"Free tool", h1:"AI prompt ", h1b:"optimizer", hero_p:"Turn an idea into a professional prompt for ChatGPT, Gemini or Claude. Fill the fields and copy.", privacy_chip:"The prompt is built in your browser. Nothing is uploaded.", presets:"Quick templates", p_blog:"Blog article", p_resumen:"Summarize text", p_codigo:"Generate code", p_email:"Sales email", p_plan:"Plan / strategy", role:"Role (act as…)", role_ph:"digital marketing expert", task:"Task / goal", task_ph:"What do you want the AI to do?", context:"Context", context_ph:"Background info, data, situation…", audience:"Target audience", audience_ph:"e.g. SMB owners", format:"Output format", tone:"Tone", length:"Length", language:"Response language", constraints:"Constraints / avoid", constraints_ph:"avoid jargon, don't make up data…", examples:"Examples (optional)", examples_ph:"Input → desired output…", f_free:"(free)", f_list:"Bullet list", f_table:"Table", f_steps:"Numbered steps", f_json:"JSON", f_essay:"Prose/essay", t_pro:"Professional", t_casual:"Casual", t_persuasive:"Persuasive", t_friendly:"Friendly", t_formal:"Formal", l_short:"Short", l_medium:"Medium", l_long:"Detailed", stepwise:"Ask for step-by-step reasoning", askback:"Ask back if info is missing", output:"Your optimized prompt", copy:"Copy", copied:"Copied!", clear:"Clear", cta_h3:"Want to truly integrate AI in your business?", cta_p:"At ACACIA we build custom AI solutions for SMBs. Let's talk.", cta_btn:"Talk to ACACIA", faq_title:"FAQ", faq:[["How do I write a good prompt?","Define role, context, task, format and tone. This tool builds that structure for you."],["Does it work with ChatGPT, Gemini and Claude?","Yes, it generates text you paste into any AI assistant."],["Is my data uploaded?","No. Everything happens in your browser."]], foot_free:"© 2026 ACACIA · Free tool", foot_tools:"Tools", foot_privacy:"Privacy", foot_contact:"Contact", foot_crafted:"crafted with", foot_by:"by", L_role:"Act as", L_context:"Context", L_task:"Task", L_audience:"Target audience", L_format:"Output format", L_tone:"Tone", L_length:"Length", L_constraints:"Constraints", L_examples:"Examples", L_lang:"Respond in", L_step:"Before answering, reason step by step and then give the final answer.", L_ask:"If you lack information to do it well, ask me the necessary questions first.", }, }; function makeT(lang){return (k,v)=>{let s=(STRINGS[lang]&&STRINGS[lang][k])!=null?STRINGS[lang][k]:(STRINGS.es[k]!=null?STRINGS.es[k]:k);if(v&&typeof s==="string")for(var x in v)s=s.split("{"+x+"}").join(v[x]);return s;};} const LangContext=React.createContext("es"); function detectLang(){try{var s=localStorage.getItem("acacia-lang");if(s==="es"||s==="en")return s;}catch(e){}return (navigator.language||"es").toLowerCase().indexOf("en")===0?"en":"es";} function App(){ const [lang,setLang]=useState(detectLang); const [theme,setTheme]=useState(()=>{try{return localStorage.getItem("acacia-theme")||"light";}catch(e){return "light";}}); const t=makeT(lang); const [f,setF]=useState({role:"",task:"",context:"",audience:"",format:"free",tone:"t_pro",length:"l_medium",language:"",constraints:"",examples:""}); const [step,setStep]=useState(true); const [ask,setAsk]=useState(false); const [copied,setCopied]=useState(false); useEffect(()=>{document.documentElement.setAttribute("data-theme",theme);try{localStorage.setItem("acacia-theme",theme);}catch(e){}},[theme]); useEffect(()=>{document.documentElement.setAttribute("lang",lang);try{localStorage.setItem("acacia-lang",lang);}catch(e){}},[lang]); const set=(k,v)=>setF(p=>({...p,[k]:v})); const applyPreset=(p)=>{ const P={ p_blog:{role:t("role_ph"),task:lang==="es"?"Escribe un artículo de blog sobre [tema]":"Write a blog article about [topic]",format:"f_essay",tone:"t_friendly",length:"l_long"}, p_resumen:{role:lang==="es"?"editor experto":"expert editor",task:lang==="es"?"Resume el siguiente texto destacando los puntos clave":"Summarize the following text highlighting key points",format:"f_list",tone:"t_pro",length:"l_short"}, p_codigo:{role:lang==="es"?"desarrollador senior":"senior developer",task:lang==="es"?"Escribe una función que [haga X] e incluye comentarios":"Write a function that [does X] with comments",format:"f_free",tone:"t_pro",length:"l_medium"}, p_email:{role:lang==="es"?"copywriter de ventas":"sales copywriter",task:lang==="es"?"Redacta un email para vender [producto]":"Write an email to sell [product]",format:"f_free",tone:"t_persuasive",length:"l_short"}, p_plan:{role:lang==="es"?"consultor de negocios":"business consultant",task:lang==="es"?"Crea un plan paso a paso para [objetivo]":"Create a step-by-step plan for [goal]",format:"f_steps",tone:"t_pro",length:"l_long"}, }[p]; setF(prev=>({...prev,...P})); }; const prompt=useMemo(()=>{ const fmtMap={free:t("f_free"),f_list:t("f_list"),f_table:t("f_table"),f_steps:t("f_steps"),f_json:t("f_json"),f_essay:t("f_essay")}; const parts=[]; if(f.role.trim()) parts.push(t("L_role")+" "+f.role.trim()+"."); if(f.context.trim()) parts.push(t("L_context")+": "+f.context.trim()); if(f.task.trim()) parts.push(t("L_task")+": "+f.task.trim()); if(f.audience.trim()) parts.push(t("L_audience")+": "+f.audience.trim()); if(f.format!=="free") parts.push(t("L_format")+": "+fmtMap[f.format]); parts.push(t("L_tone")+": "+t(f.tone)+" · "+t("L_length")+": "+t(f.length)); if(f.constraints.trim()) parts.push(t("L_constraints")+": "+f.constraints.trim()); if(f.examples.trim()) parts.push(t("L_examples")+":\n"+f.examples.trim()); if(f.language.trim()) parts.push(t("L_lang")+" "+f.language.trim()+"."); if(ask) parts.push(t("L_ask")); if(step) parts.push(t("L_step")); return parts.join("\n\n"); },[f,step,ask,lang]); const copy=async()=>{try{await navigator.clipboard.writeText(prompt);setCopied(true);setTimeout(()=>setCopied(false),1600);if(window.acaciaTrack)window.acaciaTrack("prompt_copy",{});}catch(e){}}; const clear=()=>setF({role:"",task:"",context:"",audience:"",format:"free",tone:"t_pro",length:"l_medium",language:"",constraints:"",examples:""}); return (
ACACIA ACACIA
{t("nav_more")}
{t("eyebrow")}

{t("h1")}{t("h1b")}

{t("hero_p")}

{t("privacy_chip")}
{["p_blog","p_resumen","p_codigo","p_email","p_plan"].map(p=>)}
set("role",e.target.value)} placeholder={t("role_ph")} />