Create a prototype

Build an interactive prototype. What it is and who it's for: [describe]. Screens or sections to include: [list them]. The key things a user should be able to click or do: [list interactions]. Visual style: [e.g. clean and modern / bold / editorial], with a [color] feel. Use tasteful placeholder text and simple inline SVG or CSS for any imagery.

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 a polished marketing landing-page prototype for [product or company]. Include: a hero with a strong headline, subhead and primary call-to-action; a row of feature highlights; a social-proof or testimonial section; a pricing or sign-up section; and a footer. Tone: [tone]. Use tasteful placeholder copy and simple inline SVG/CSS for imagery.

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 an interactive web-app dashboard prototype for [purpose]. Include a side or top navigation, a main view with summary metric cards, at least one sortable data table, and at least one chart (you may load a charting library from https://cdnjs.cloudflare.com). Use realistic in-memory sample data, and make navigating between sections work with 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.

Build a mobile-app prototype for [purpose], shown inside a realistic phone frame centered on the page. Screens to include: [list]. Add a bottom tab bar and make tapping move between screens (in-memory state). Make it feel like a real native app.

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 a multi-step [form / onboarding / checkout] prototype for [purpose]. Steps: [list the steps]. Include a progress indicator, simple validation, back and next buttons, and a friendly completion screen. Keep all state in memory.

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.