PlateGUIDE
Website templates for Claude Code, Codex and Cursor, not a page builder
A page builder keeps the site inside its editor. A source template hands you plain files your coding agent can read, edit, run and check. This is the difference, and what an agent needs from a template to do a good job.
Page builder or source template
- Page builder (Webflow, Framer, Carrd): you edit inside the builder, it hosts the site, and a coding agent cannot change it directly.
- Source template: plain HTML, CSS and JavaScript you download. Your agent opens the folder, edits it, runs it with a static server and checks the result. You host it anywhere, including free static hosts.
What an agent needs from a template
- One content file for words, colours and options, and a guide saying what each field does.
- A list of what not to touch, so a content change never becomes an engine rewrite.
- A way to run it (for Plate websites:
python -m http.serverin the folder) and fallbacks it can check: phone, keyboard, reduced motion, no WebGL.
How it works with Plate
- Pick a project and download it (free ones with a Google sign-in; Pro with Plate Pro). You do the download; your agent never needs your password or licence key.
- Open the extracted folder in Claude Code, Codex or Cursor.
- Paste the instructions from the project's page with your brand and changes. The agent checks the archive's SHA-256, reads the README and the editing guide, edits the supported files, runs the site and reports what it checked.
- Meniscus: A fragrance house whose whole page sits under a live fluid.
- Tide: A product site for an invented bedside sleep-sound orb that runs from dusk to dawn as you scroll.
- Perihelion: A planetarium studio site that is one live-rendered flight: scroll moves a probe along an authored path through a ringed gas giant, a terminator crossing, a nebula volume and a lensed black-hole disc, drawn by one WebGL2 shader.
- Meridian: An expedition outfitter's site told as a 48-second film that scrolling advances: four Poly Haven worlds sampled live by a raw-WebGL camera, whip pans and blink cuts between chapters, two shots per crossing, film slates with the facts, a route drawn across every world and completed as a map.
- Murmur: A voice-and-hearing research lab whose site is a murmuration: 409,600 WebGL2 points form the wordmark, a synthesised voice, its spectrogram, an ear and the lab's mark across four scroll chapters.
- The Observatory: An atmospheric-data studio's website that is one authored night: scrolling advances an hour from 18:36 to 06:00, driving a live WebGL2 shader sky, three instrument panels and a case study, all read from one keyframed model.
- The Gazette: A fictional weekly culture paper's website, played as a single issue: a sticky cover slides beneath a pushing contents spread, a pinned feature turns like a real four-page fold, and the back cover is the issue's own ending.
- Riot Grain: A record label's release site drawn entirely by code: canvas letter bodies fall and settle under a hand-written Verlet physics solver, a pointer shove scatters and resettles them, and the tracklist, marquee, countdown and pre-order locker are all assembled from the same content file.
- Patchbay: A desktop synthesiser's front panel, rebuilt as a website: two oscillators, a filter, an envelope and a delay run on the Web Audio API behind a real 17-key playable keyboard, with an owner's manual and an engraved serial plate.
- Atelier Rook: A small architecture studio's site drawn as its own seven-sheet drawing set: a fixed board of three layers (site plan, section, structure/light study over it, floor plan) redraws itself as you scroll, ending on the practice and a contact sheet with a mailto and a downloadable issue register.
- Hollow Lane Nursery: A plant nursery's single-page site built around one canvas-drawn campion that grows through six stages as you scroll, alongside three sales benches of fifteen authored plant drawings, a sketch map and an order list you fill from the benches and take as a mailto or a .txt download.
- Daybay: A body-camera firefight in a sunlit concrete bay.
- Lookout: A one-room stay above a dam whose page scrolls through a real day: seven registered photographs of one hill, crossfaded as the camera turns to follow the sun.
- Sillage: A fragrance site with no scroll: one fixed frame, a photographed bottle you press, and live air over the top of it.