🎥 Sora 2 Prompt Generator

Enter any topic or idea:

\n \n
\n \n\n

\n\n\n\n","link_url","/p/zrdehyt2ecbiana2vwe9","versioned_link_url","/p/zrdehyt2ecbiana2vwe9/1","yapping","**Planning for design refactor**\n\nI’m thinking we need to refactor the project into multiple files and follow specific style guidelines. This means removing things like the purple background, garish gradients, and Comic Sans while ensuring buttons rise on hover. I’ll also need to ensure the design is mobile-friendly. \n\nI'll focus on using simple, elegant aesthetics with either a white or black background, and perhaps incorporate subtle animations. It sounds like I'll be creating an index.html, styles.css, and app.js, ensuring to keep accessibility in mind.\n**Clarifying project requirements**\n\nIt mentions using JS libraries from a CDN and having an import map since the code runs in a browser without a bundler. However, if there aren't any libraries, then that's not required. I think simple micro animations are nice, but they may not be necessary. \n\nI need to ensure the design is mobile-friendly by making inputs full-width and using readable buttons. I'll choose Noto Sans for body text and Space Mono for the output, keeping a white background and black text as guidelines suggest. I'll also add a copy prompt button and regenerate examples while avoiding garish gradients.\n**Creating project files**\n\nI’m seeing that we have guidance for using libraries, but we may not need to include any. I shouldn't ask questions at this point, just get started on the task. \n\nI’ll create three files: index.html, linking to styles.css and module app.js. It’s important to include meta tags and font links as well. I’ll make sure to use semantic markup and add aria-live for the output area. Alright, let’s get those files made!\n\nPlan:\n- Split into index.html, styles.css, and app.js.\n- Clean, mobile-friendly design using Noto Sans and Space Mono.\n- White background, high contrast, subtle interactions.\n- Add a Copy button and sample topic chips for quick testing.\n- Keep the generator logic, organized in app.js.\n\nindex.html\n\n```index.html\n```\n\nstyles.css\n```styles.css\n```\n\napp.js\n```app.js\n```","page_description","cursor","eyJpZCI6InpyZGVoeXQyZWNiaWFuYTJ2d2U5In0","token","included",[],"about",{"_191":-5},"parent","routes/browser/layout","actionData","errors"]