Websites

Full page templates ready to make yours.

One-Page Portfolio

A complete personal site β€” sticky nav, hero, project cards, skill badges, and a contact section β€” ready to make yours.

Meet Alex, the placeholder human. Replace their name, projects, and links with your own and you have a real portfolio in minutes. Good things to steal: the sticky blurred nav bar, smooth-scrolling section links, and the responsive card grid that reflows on phones.

πŸ‘€ Peek at the code code/portfolio-page/index.html
index.html
Loading code…
πŸ‘€ Peek at the prompt code/portfolio-page/PROMPT.md
PROMPT.md
Loading code…
Screenshot of One-Page Portfolio

Real Estate One-Pager

A house-for-sale landing page β€” full-bleed hero, key stats, a photo grid with a full-screen lightbox. Built by handing over a folder of photos and asking for "classy and minimalistic".

A private-sale listing page: a full-height sunset hero with the address and price laid over it, a row of stats, one paragraph of copy, and a photo grid that opens into a full-screen lightbox with arrow-key navigation. Serif type, gold accents, and a lot of restraint.

The interesting part is how little instruction produced it. This came out of Claude Cowork β€” Claude working directly in a folder rather than in a chat. Every photo went into one folder, unsorted and straight off the camera, and the direction was essentially β€œuse these and make it classy and minimalistic.” It worked out which shot was the hero, that the aerial belonged small, and how to size the grid rows so the portrait photos weren’t cropped into nonsense.

The prompt below is written as a fill-in-the-blank template rather than this house’s details, so you can drop in your own property and photos. Worth stealing beyond the layout: the lightbox is about forty lines of plain JavaScript, and the whole grid reflows to two columns on a phone without a framework.

Sample listing β€” the address, phone number, and details are fictional.

πŸ‘€ Peek at the code code/real-estate-onepager/index.html
index.html
Loading code…
πŸ‘€ Peek at the prompt code/real-estate-onepager/PROMPT.md
PROMPT.md
Loading code…
Screenshot of Real Estate One-Pager

This Website (Steal My Vibe Code)

The site you're looking at right now β€” vibe coded from one voice-dictated prompt and four answered questions. The accordion holds the actual prompt and the decisions, not code.

The most meta entry on the site. Peek below for the verbatim initial prompt (dictation quirks and all), the four clarifying questions that shaped the build, and the architecture that fell out of those decisions. The full source lives in the GitHub repo β€” steal the whole thing.

πŸ‘€ Peek at the prompt & decisions code/steal-my-vibe-code/PROMPT.md
PROMPT.md
Loading code…
Screenshot of This Website (Steal My Vibe Code)

More Templates Coming

Landing pages, event sites, and classroom homepages are on the roadmap.

🚧 Coming soon