⚡ Advanced Prompt Studio

Generate production-ready prompts with variables, format control, and dynamic testing

\n\n

\n \n

⚙️ Configuration

\n \n

\n Task Description\n \n

\n\n

\n Response Format\n \n

\n\n

\n JSON Schema (optional)\n \n

\n\n

\n Structure Format\n \n

\n\n

\n Response Style\n \n

\n\n

\n Language\n \n

\n Tone\n \n

\n\n

\n \n Require reasoning before conclusions\n

\n\n

\n \n Require citations\n

\n\n

\n Additional Instructions\n \n

\n\n \n

📝 Variables

\n \n

\n\n

Add Variable

\n \n

\n\n \n

\n \n

📄 Generated Prompt

\n \n

\n Generate a prompt to see it here\n

\n\n \n

🧪 Test Prompt

\n \n

\n\n \n\n

Result:

\n\n \n

💾 Saved Prompts

No prompts saved yet

\n\n \n\n`;\n}\n\n// --- HONO APP SETUP ---\nconst app = new Hono();\n\n// Serve HTML frontend\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return c.html(generateHtml(sourceUrl));\n});\n\n// Generate prompt endpoint\napp.post(\"/api/generate\", async (c) => {\n try {\n const config: PromptConfig = await c.req.json();\n\n if (!config.taskDescription || config.taskDescription.trim().length < 10) {\n return c.json({\n error: \"Task description must be at least 10 characters\",\n }, 400);\n }\n\n const openai = new OpenAI();\n const userRequest = buildPromptGenerationRequest(config);\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: PROMPT_ARCHITECT_SYSTEM },\n { role: \"user\", content: userRequest },\n ],\n temperature: 0.7,\n });\n\n const prompt = completion.choices[0].message.content;\n\n return c.json({ prompt });\n } catch (error) {\n console.error(\"Error generating prompt:\", error);\n return c.json(\n { error: \"Failed to generate prompt: \" + error.message },\n 500,\n );\n }\n});\n\n// Test prompt endpoint\napp.post(\"/api/test\", async (c) => {\n try {\n const { prompt, inputs } = await c.req.json();\n\n if (!prompt) {\n return c.json({ error: \"Prompt is required\" }, 400);\n }\n\n const openai = new OpenAI();\n\n // Replace variables in the prompt with actual values\n let finalPrompt = prompt;\n Object.entries(inputs).forEach(([key, value]) => {\n const regex = new RegExp(`\\\\{\\\\{${key}\\\\}\\\\}`, \"g\");\n finalPrompt = finalPrompt.replace(regex, value as string);\n });\n\n // Build user message from inputs\n const userMessage = Object.entries(inputs)\n .map(([key, value]) => `${key}: ${value}`)\n .join(\"\\n\");\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: finalPrompt },\n { role: \"user\", content: userMessage || \"Process this request.\" },\n ],\n temperature: 0.7,\n });\n\n const result = completion.choices[0].message.content;\n\n return c.json({ result });\n } catch (error) {\n console.error(\"Error testing prompt:\", error);\n return c.json({ error: \"Failed to test prompt: \" + error.message }, 500);\n }\n});\n\nexport default app.fetch;","label",[61],"pulls","branches","forks","envVars",{"_175":20,"_177":20},"connections",{"_175":20,"_176":20},"count","unfilledCount","emptyCount",{"_30":160,"_13":61,"_59":60,"_40":-5,"_32":33,"_161":85,"_162":101,"_34":179,"_36":77,"_62":82,"_164":165,"_64":24,"_166":-5,"_180":181,"_137":182},["D",1761467139909],"children",[],[61],["D",1761467121488],{"_11":12,"_136":67},{"_11":12,"_132":-5,"_66":67,"_25":65,"_133":134,"_135":24},{"_36":85,"_13":16,"_30":33,"_124":90,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":14,"_131":12},"ctx",{"_48":-5,"_156":220,"_221":222,"_223":224,"_225":24,"_226":24,"_227":24,"_228":101,"_229":-5,"_230":-7,"_231":-7,"_232":20,"_233":24,"_234":24,"_235":-5,"_236":24,"_237":24,"_238":24,"_239":-5},"ENV",{"_191":192,"_193":194,"_195":16,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History