Prompt library
Recreate & convert
Recreate a website from its URL
Use to prototype a version of an existing site.
Build an interactive prototype that recreates the look, structure and main pages of [paste the URL] as closely as you can. Match its layout, sections, typography and overall style; use placeholder text where you're unsure, and simple inline graphics for imagery. Make the primary navigation work with client-side clicks. Format (required — this file gets uploaded to our VeraGen AI Hub): return ONE self-contained index.html — all CSS and JS inline in that same file, every image embedded as a data: URL (or drawn with CSS/SVG), external libraries only from https://cdnjs.cloudflare.com, no localStorage / sessionStorage / cookies (in-memory state only), fully responsive, and it must work when opened directly in a browser. When finished, give me the complete index.html as a single downloadable file.
Rebuild from a screenshot or design
Use when you have an image of the design.
I'm attaching a screenshot / design. Build an interactive prototype that recreates it as closely as possible — layout, spacing, colors, typography and components — and make the obvious interactions work. (Attach your image in the same message as this prompt.) Format (required — this file gets uploaded to our VeraGen AI Hub): return ONE self-contained index.html — all CSS and JS inline in that same file, every image embedded as a data: URL (or drawn with CSS/SVG), external libraries only from https://cdnjs.cloudflare.com, no localStorage / sessionStorage / cookies (in-memory state only), fully responsive, and it must work when opened directly in a browser. When finished, give me the complete index.html as a single downloadable file.
Build from a written spec
Use when you have requirements written down.
Here is a spec for a prototype: [paste your requirements] Build an interactive prototype that realizes it. Where the spec is silent, make sensible, tasteful choices and list any assumptions at the top of your reply. Format (required — this file gets uploaded to our VeraGen AI Hub): return ONE self-contained index.html — all CSS and JS inline in that same file, every image embedded as a data: URL (or drawn with CSS/SVG), external libraries only from https://cdnjs.cloudflare.com, no localStorage / sessionStorage / cookies (in-memory state only), fully responsive, and it must work when opened directly in a browser. When finished, give me the complete index.html as a single downloadable file.
Signed in to VeraGen? Press Guide me on any screen for a walkthrough, or ask Odin.