[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","67ae4994406c81918eda01d3ed23c5ec","versionInt","title","Chatgpt Cheat Sheet","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Input } from \"@/components/ui/input\";\n\nexport default function ChatGPTPromptBuilder() {\n const roles = [\"Professional\", \"Expert\", \"Friend\", \"Copywriter\", \"Marketing Coach\", \"Tech Consultant\"];\n const tones = [\"Informative\", \"Inspirational\", \"Humorous\", \"Friendly\", \"Serious\", \"Casual\"];\n const instructions = [\"Create\", \"Suggest\", \"Write\", \"Compose\", \"Analyze\", \"Compare\", \"Describe\"];\n const lengths = [\"Short\", \"Medium\", \"Long\", \"Detailed\", \"In-depth\", \"Concise\"];\n const contentTypes = [\"Article\", \"Webpage\", \"Document\", \"Guide\", \"Summary\", \"Instruction Sheet\"];\n const targetAudiences = [\"Beginners\", \"Experts\", \"Professionals\", \"Students\", \"Teachers\", \"Developers\"];\n\n const [role, setRole] = useState(roles[0]);\n const [tone, setTone] = useState(tones[0]);\n const [instruction, setInstruction] = useState(instructions[0]);\n const [length, setLength] = useState(lengths[0]);\n const [contentType, setContentType] = useState(contentTypes[0]);\n const [targetAudience, setTargetAudience] = useState(targetAudiences[0]);\n const [about, setAbout] = useState(\"\");\n const [inclusion, setInclusion] = useState(\"\");\n const [exclusion, setExclusion] = useState(\"\");\n\n const generatedPrompt = `Act as a ${role}, use ${tone} tone, ${instruction} a ${length} ${contentType} for ${targetAudience}. It should be about ${about}. Include ${inclusion}. Exclude ${exclusion}.`;\n\n return (\n

\n \n \n

ChatGPT Prompt Builder

\n \n \n \n \n \n \n setAbout(e.target.value)} />\n setInclusion(e.target.value)} />\n setExclusion(e.target.value)} />\n \n \n \n \n

Generated Prompt

{generatedPrompt}

\n \n \n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","2107971012955901607","traceTime",1776425051306]