Prompt library
Refine, restyle & brand
These work on a prototype you already have: paste its index.html, or attach it, in the same message.
Make a specific change
Use to tweak content, layout, or behavior.
Here is my current prototype as a single index.html (pasted or attached). Make this change: [describe the change clearly]. Keep it one self-contained file with the same rules — everything inline, images as data: URLs, libraries only from https://cdnjs.cloudflare.com, no browser storage. Return the complete updated index.html to download.
Restyle / polish
Use when the content is right but it needs to look better.
Restyle this single-file prototype to feel [clean and modern / premium / editorial / playful]: improve the spacing, type hierarchy, color, and hover/active states, and make it fully responsive. Don't change the content or behavior. Keep it one self-contained file with the same format rules. Return the full file.
Apply your brand
Use to bring a prototype in line with your organisation's look.
Rebrand this single-file prototype to our brand: primary color [hex], secondary color [hex], [light / dark] backgrounds, and the [font name] typeface (embed it as a data: URL, or fall back to a close system font). Apply it consistently to headings, buttons, links and accents. Keep it one self-contained file. Return the full file.
Make it responsive
Use when it breaks on phones or tablets.
Make this single-file prototype fully responsive so it looks right on a phone, a tablet and a laptop — fluid layout, sensible breakpoints, readable type, and no horizontal scrolling. Keep it one self-contained file. Return the full file.
Accessibility pass
Use before sharing widely.
Review this single-file prototype for accessibility and fix issues in place: semantic HTML, alt text, sufficient color contrast, full keyboard navigation, and visible focus states. Keep it one self-contained file. Return the full file.
Signed in to VeraGen? Press Guide me on any screen for a walkthrough, or ask Odin.