# Recipes for your agent. 53 proven prompts. Each one shows the finished site and is ready to paste into Claude, Cursor, or any coding agent. 1. Copy a recipe 2. Paste it into your agent 3. It builds and publishes on Spacefast ## Personal & creative 14 recipes - **Build me an elegant multi-section wedding website** as an **Astro site** (a real minimal Astro project — `package.json`, `astro.config.mjs`, `src/pages/index.astro`, small components, no SSR adapter — that builds to static files with `astro build`). An elegant multi-section wedding site — live countdown, our story, details, travel, gallery, registry, a validating RSVP form, and an FAQ. [Copy the recipe →](/content/recipes/invitation/index.html) - **Build me a mobile-first "link in bio" page for a food creator** as a single, self-contained HTML file with CSS (no build step, no framework). A mobile-first link-in-bio page for a food creator — avatar and bio, a highlighted primary CTA, a stack of link buttons, a featured video, and social icons. [Copy the recipe →](/content/recipes/links/index.html) - **Build me a bold, full-bleed one-page website for my band** as a vanilla-JS app (a single `index.html` plus a small CSS and JS file — no framework, no build step). A bold one-page band site with a working sticky audio player, tour dates, a merch shelf, and a mailing-list signup. [Copy the recipe →](/content/recipes/band/index.html) - **Build me a calm, image-first portfolio for a landscape & travel photographer** as a small static **Astro site** (no SSR, no adapters — just `astro build`). A calm, image-first portfolio for a landscape and travel photographer, with named photo series, a full-screen lightbox, an about page, and a contact form. [Copy the recipe →](/content/recipes/photos/index.html) - **Build me a weeknight recipe blog with a filterable recipe index and printable, scalable recipe pages** as a **Vite + React app** (keep dependencies minimal — just React; no UI kit). A weeknight recipe blog with a searchable, filterable index and recipe pages that scale servings and print a clean card. [Copy the recipe →](/content/recipes/recipes/index.html) - **Build me an explorable pixel-art portfolio — a little room I can walk around where each object reveals part of my work** as an **HTML5 canvas game** (a single, self-contained `index.html` with all the JavaScript inline — no build step). An explorable pixel-art portfolio — walk a little avatar around a cozy room and step up to the desk, bookshelf, poster, and mailbox to reveal projects, an about, a resume, and contact links. [Copy the recipe →](/content/recipes/portfolio/index.html) - **Build me a typographic home and archive for my curated weekly newsletter** as a small set of plain HTML & CSS pages (no build step, no framework). It should list every numbered issue with a one-line blurb and render past issues as clean, readable pages. A typographic home and archive for a curated weekly newsletter — featured issue, a full back catalogue, readable issue pages, and a working subscribe form. [Copy the recipe →](/content/recipes/newsletter/index.html) - **Build me a writing / dev blog** as an **Astro site** — a real, minimal Astro project with Markdown content collections, syntax-highlighted code, and an RSS feed (run `bun install && bun run build` at the end and confirm `dist/` exists). A writing and dev blog — a tagged post index, reading-first article pages with code highlighting, per-tag archives, an about page, light/dark themes, and an RSS feed, all static Astro. [Copy the recipe →](/content/recipes/blog/index.html) - **Build me a one-page fundraising campaign site for a local cause** as a vanilla-JS app (a single `index.html` plus a small CSS and JS file — no framework, no build step). A one-page community-fundraiser site with an animated goal thermometer, a working donate button and modal, and a live donor wall that grows as people give. [Copy the recipe →](/content/recipes/fundraiser/index.html) - **Build me a quiet, dignified memorial tribute page for someone I've lost** as a plain HTML & CSS site (a single `index.html`, no framework and no build step). A quiet, dignified tribute page — a framed portrait with dates and epitaph, a life story and timeline, a black-and-white photo gallery with a lightbox, service details, and a working memory wall that saves visitors' messages. [Copy the recipe →](/content/recipes/memorial/index.html) - **Build me a digital garden — a small website of interlinked notes that grows over time, with wiki-style links, automatic backlinks, a link graph, search, and "planted / growing / evergreen" growth tags** as an **Astro site** (real project). A warm, greenhouse-themed digital garden built with Astro — Markdown notes that link with [[wiki links]], an automatic backlinks panel, a build-time link graph, instant search, and planted/growing/evergreen growth tags. [Copy the recipe →](/content/recipes/notes/index.html) - **Build me a themed party invite — a one-page site with the occasion, the details, a map, and a real RSVP form** as an **Astro site** (a small static project, no SSR, just `astro build` to a `dist/` folder). A themed birthday-party invite with a live countdown, an embedded map and directions, a dress-code callout, and a validating RSVP form with guest count, a conditional +1, dietary needs, and a "can't make it" path. [Copy the recipe →](/content/recipes/party/index.html) - **Build me a clean, single-page web resume (CV)** as a **plain HTML & CSS** site — one `index.html` plus a small CSS and JS file, no framework and no build step, so it opens straight in a browser. A clean single-page web resume with a contact header, an experience timeline, a skills sidebar with animated proficiency meters, and a print-to-PDF stylesheet behind a Download PDF button. [Copy the recipe →](/content/recipes/resume/index.html) - **Build me a scrollable, art-directed web zine — a single self-contained issue with unconventional, magazine-style spreads** as a **plain HTML & CSS** site (one `index.html`, no build step, no framework). A scrollable, art-directed riso web zine — seven full-viewport magazine spreads with custom display type, live film-grain and halftone texture, duotoned photos, and an "issue-as-version" colophon. [Copy the recipe →](/content/recipes/zine/index.html) ## Local & small business 8 recipes - **Build me a single-property listing microsite for a home that's for sale** as a Vite + React app. An interactive single-listing site for one home — a photo gallery with lightbox, key stats, a live mortgage estimator, floor plan, and a tour-request form. [Copy the recipe →](/content/recipes/listing/index.html) - **Build me a single-page website for my barbershop** as a plain HTML & CSS site (no build step, no framework — just `index.html`, `styles.css`, and a little `script.js`). A sharp, masculine single-page barbershop site — services and prices, barber profiles, a cuts gallery, and hours with a prominent book-now button. [Copy the recipe →](/content/recipes/barber/index.html) - **Build me a mobile-first website for my food truck whose centerpiece is a weekly schedule that auto-highlights where the truck is parked today** as a vanilla-JS app (single `index.html` plus `styles.css` and `app.js` — no build step, no framework). A mobile-first food-truck site whose centerpiece is a weekly schedule that auto-highlights where the truck is parked today, with one-tap map directions and a live "we're here now" banner. [Copy the recipe →](/content/recipes/foodtruck/index.html) - **Build me a website for my retro arcade bar, with a playable mini-game as the hero**, as an **HTML5 canvas game** wrapped in a self-contained static site (a single `index.html` plus `styles.css` and a couple of small JS files — no build step). A neon barcade site whose hero is a playable retro brick-breaker game, wrapped around a real cabinets list, draft beer menu, events, and hours. [Copy the recipe →](/content/recipes/arcade/index.html) - **Build me a one-page website for my neighborhood ramen shop** as plain HTML & CSS with a touch of vanilla JavaScript (no build step, no framework — just an `index.html`, a stylesheet, and a small script). A single-page site for a neighborhood ramen shop — a photographed menu, the broth story, hours, and a map that makes you hungry on first scroll. [Copy the recipe →](/content/recipes/menu/index.html) - **Build me a one-page website for my neighborhood community garden** as plain HTML & CSS with a touch of vanilla JavaScript (no build step, no framework — just an `index.html`, a stylesheet, and a small script). A welcoming one-pager for a neighborhood community garden — plots and pricing, a waitlist signup, volunteer workdays, rules, and seasonal events. [Copy the recipe →](/content/recipes/garden/index.html) - **Build me an energetic landing page for a student hackathon** as a vanilla-JS app (a single `index.html` plus `styles.css` and `app.js`, no framework, no build step). An energetic landing site for a 36-hour student hackathon — a live countdown to kickoff, a Saturday/Sunday schedule toggle, prize tracks, tiered sponsors, and an FAQ. [Copy the recipe →](/content/recipes/hackathon/index.html) - **Build me a marketing-and-schedule site for a one-day, single-track web development conference** as an **Astro site** (static output, no SSR, no backend). A one-day, single-track web-dev conference site — hero with live countdown, speaker lineup, hour-by-hour schedule, ticket tiers, venue, and sponsors. [Copy the recipe →](/content/recipes/conference/index.html) ## Tools, apps & games 10 recipes - **Build me a fast bill-and-tip splitter** — a single-page calculator that takes a restaurant bill, a tip percentage, and a number of people, and instantly shows a clean per-person amount — as a self-contained static site (one `index.html` plus `styles.css` and `app.js`). A fast bill-and-tip splitter — enter the bill, tap a tip, set the people, and get a clean per-person amount with tip figured on the pre-tax total. [Copy the recipe →](/content/recipes/tip/index.html) - **Build me a single-page daily macro tracker** — a food diary that logs meals and tracks calories plus protein/carbs/fat against my goals — as a **vanilla-JS app** (one `index.html`, one CSS file, one JS file, no build step, no framework). A browser-only daily macro tracker — log meals, watch calorie and protein/carb/fat rings fill toward your goals, and keep quick-add favorites, all saved locally. [Copy the recipe →](/content/recipes/calories/index.html) - **Build me a savings-goal calculator** as a vanilla-JS app (a single static site — `index.html`, `styles.css`, `app.js` — no build step, no framework). A savings-goal calculator — set a target and a deadline, and it solves your monthly contribution and charts the compound growth toward the goal. [Copy the recipe →](/content/recipes/savings/index.html) - **Build me a habit tracker with GitHub-style contribution heatmaps** as a **Vite + React app** that saves everything in the browser (no backend, no accounts). A habit tracker with GitHub-style year heatmaps, one-tap daily check-offs, and streak stats — all saved in your browser. [Copy the recipe →](/content/recipes/habits/index.html) - **Build me a playable neon brick-breaker arcade game** (paddle, bouncing ball, destructible brick walls, falling power-ups, multiple levels) as an **HTML5 canvas game** — a self-contained static site with no build step. A fully playable neon-synthwave brick-breaker — bounce a glowing ball to smash brick walls across five levels, catching falling power-ups. [Copy the recipe →](/content/recipes/game/index.html) - **Build me a generative flow-field art toy** — a single full-bleed canvas where thousands of particles drift through a Perlin-noise vector field, painting layered organic line work I can tune, reseed, and export — as a **plain HTML & CSS** site. A generative art toy — particles drift through a noise flow field painting ever-evolving line art, with live palette, density and speed controls, reseed, and one-click PNG export. [Copy the recipe →](/content/recipes/generative-art/index.html) - **Build me a daily five-letter word-guessing game** (a Wordle-style puzzle) as a self-contained **vanilla-JS app** — plain `index.html`, `style.css`, and JS files, no framework and no build step. A daily five-letter word game — six guesses, green/yellow/gray tiles, streak stats, and a shareable emoji grid. [Copy the recipe →](/content/recipes/word-game/index.html) - **Build me a fully playable 2048 sliding-tile puzzle game** as a vanilla-JS app (a single `index.html` plus a small CSS and JS file — no framework, no build step). The classic 2048 sliding-tile puzzle — arrow-key and swipe controls, smooth merge animations, score and persistent best score, and a win/lose overlay with restart and undo. [Copy the recipe →](/content/recipes/2048/index.html) - **Build me a multi-view task-tracking app — a kanban board, a list view, and a task detail drawer** as a **Vite + React app** that saves everything in the browser (no backend, no accounts, all state in `localStorage`). A multi-view task app prototype — a draggable kanban board, a sortable list view, and a task detail drawer with subtasks, comments, filters, and search, all saved on your device. [Copy the recipe →](/content/recipes/app/index.html) - **Build me a small full-stack todo app with Spacefast Zero and Preact** using the Zero capsule model rather than a separate API server: - Define a `todos` table with text, completion state, and an owner ID. - Scope reads to `ctx.auth.userId` — sourced from `localStorage`. [Copy the recipe →](/content/recipes/zero-perfect/index.html) ## Data, internal & startup 14 recipes - **Build me a product changelog** — a calm, dated "what's new" page in the Linear / Stripe / Clerk style, with New / Improved / Fixed badges, tag filtering, and an RSS feed — as a self-contained static site (one `index.html` plus a CSS and a JS file). A calm product changelog in the Linear / Stripe style — dated New/Improved/Fixed entries, live tag filtering, inline screenshots, and an RSS feed. [Copy the recipe →](/content/recipes/changelog/index.html) - **Build me a single-screen growth dashboard for my online store** — the kind a small team pins to the office TV and glances at all day — as a self-contained static site (one `index.html` plus a CSS and a JS file, no build step, no framework). A single-screen, auto-refreshing growth dashboard for an online store — live KPI tiles with sparklines, a revenue trend, traffic sources, top products, and a channel leaderboard. [Copy the recipe →](/content/recipes/dashboard/index.html) - **Build me an interactive end-of-year revenue review for my SaaS company** — a single-page board dashboard with KPIs, an ARR bridge, retention cohorts, churn, and a next-year forecast — as a **Vite + React app**. An interactive year-end SaaS revenue review — an executive KPI strip, an ARR bridge waterfall that sums, MRR movement, cohort retention, revenue mix, churn, and a base/bull/bear forecast. [Copy the recipe →](/content/recipes/revenue-review/index.html) - **Build me a long-form annual community survey report** — a scrollable “State of …” write-up full of charts, rankings, and commentary, in the lineage of State of JS and the Stack Overflow Developer Survey — as an **Astro site** (static, no SSR, no backend). A long-form annual community survey report — methodology, demographic charts, tool rankings, sentiment scales, and an editor's takeaways. [Copy the recipe →](/content/recipes/report/index.html) - **Build me a decision-ready technical plan website** — a clear, credible artifact a team can use to agree on scope, architecture, delivery, risks, and unresolved decisions — as a **plain HTML & CSS** site with no framework and no build step. A decision-ready technical plan for a cross-platform offline sync initiative — problem and scope, system architecture, milestones, risks, decisions, and open questions. [Copy the recipe →](/content/recipes/technical-plan/index.html) - **Build me a landing page for an open-source developer tool** — a CLI with a one-line install command, a star badge, and syntax-highlighted code samples — as a small static **Astro site** (no SSR, no adapters — just `astro build`). A homepage for an open-source database-migration CLI, built for developers: a hero with a one-line install command and copy button, GitHub star count, a syntax-highlighted code example, feature grid, and links to docs and Discord. [Copy the recipe →](/content/recipes/cli/index.html) - **Build me a marketing site for a B2B SaaS product** (a Linear-style dark-mode landing page) as an **Astro site** (static, no SSR — just `astro build` to plain HTML/CSS). A dark-mode B2B SaaS landing page for an issue tracker — hero screenshot, logo cloud, feature deep-dives, testimonials, pricing, and FAQ. [Copy the recipe →](/content/recipes/saas/index.html) - **Build me a public status page for my API / hosting product** — the kind of page linked from a footer and watched during an outage (think Stripe, Slack, or OpenAI status) — as a single self-contained static site (`index.html` + `styles.css`). A public status page for an API product — overall-status banner, per-component 90-day uptime bars, an incident timeline, scheduled maintenance, and a subscribe box. [Copy the recipe →](/content/recipes/status/index.html) - **Build me a portfolio site for my brand & web design studio** as a vanilla-JS app (no build step, no framework — just `index.html`, `styles.css`, and a little `app.js`). A work-first portfolio for a brand & web design studio — statement hero, a JS-filtered project grid, a before/after case study, and a contact form. [Copy the recipe →](/content/recipes/studio/index.html) - **Build me a presentable investor pitch deck that runs in the browser** as a vanilla-JS app — a single `index.html` plus a small CSS and JS file, with [reveal.js](https://revealjs.com) loaded from a CDN (no build step). A presentable, browser-native reveal.js pitch deck with keyboard nav, speaker notes, PDF export, and bespoke data slides — TAM/SAM/SOM rings, an MRR chart, and use-of-funds bars. [Copy the recipe →](/content/recipes/deck/index.html) - **Build me a personalized, one-page sales proposal site** — a "prepared for {client}" page with scope, timeline, pricing tiers, and a working accept/sign button — as an **Astro site** (a real, minimal Astro project I can build with `bun run`. A personalized "prepared for Acme Co." sales proposal — scope, a gated timeline, three selectable pricing tiers, and a working accept/sign CTA that recomputes the agreement and remembers the acceptance. [Copy the recipe →](/content/recipes/proposal/index.html) - **Build me a mobile-first post-scan landing page that a printed QR code points to** — the screen someone sees right after they scan the code on my packaging, poster, or table tent — as a **plain HTML & CSS** site with a little vanilla JavaScript. A mobile-first landing a printed QR code points to — a brand header, one featured product with a tap-to-copy promo code, a single primary call-to-action, secondary links, and a QR code the page renders itself. [Copy the recipe →](/content/recipes/qr/index.html) - **Build me a B2B ROI / savings calculator landing page** — a marketing page where a visitor enters a couple of numbers about their team and instantly sees how much my product would save them, with a chart and a "email me the report" lead-generated CTA. A B2B ROI / lead-gen calculator — enter your support spend, team size, and ticket volume and watch projected savings, payback, and reclaimed hours compute live with animated SVG charts, behind a gated "email me the report" CTA. [Copy the recipe →](/content/recipes/roi/index.html) - **Build me a single-screen "coming soon" teaser page** as a vanilla-JS app (a single `index.html` plus a small CSS and JS file — no framework, no build step). A single-screen coming-soon teaser with a live launch countdown, a validating email capture that confirms and remembers you, a waitlist counter, and social links. [Copy the recipe →](/content/recipes/soon/index.html) ## Developers & integrations 7 recipes - **Build me a headless WordPress blog** as an **Astro site** that fetches posts from a public WordPress REST API **at build time** and renders them to static HTML. A static editorial blog whose posts are pulled from a public WordPress REST API at build time and rendered to flat HTML with Astro — headless WordPress, no server at request time. [Copy the recipe →](/content/recipes/wp-astro/index.html) - **Build me a single-page reading app that pulls posts from a WordPress site over its public REST API** as a **Vite + React app** (client-side only — the browser fetches the content at runtime, no backend, no server-side rendering). A polished reading app that fetches posts live from a WordPress REST API in the browser — card list, article view, client-side routing, search, and real loading/error states. [Copy the recipe →](/content/recipes/wp-react/index.html) - **Build me a link preview inspector** as a **Next.js app that runs on a server** — I paste any URL, the server fetches that page, parses its OpenGraph and Twitter-card metadata, and renders the social preview card the way Slack or iMessage do. [Copy the recipe →](/content/recipes/unfurl/index.html) - **Build me a hiking trail guide** as a **Next.js static export** — an index of trails plus a generated page for each one, big photography, and no server anywhere in the request path. `next build` writes flat HTML to `out/`, and Spacefast serves the entire site as static files. [Copy the recipe →](/content/recipes/trailhead/index.html) - **Build me a multi-page documentation site for an open-source software library (Starlight-style)** as an **Astro site** (static output, no SSR, no backend). A multi-page documentation site for an open-source library — grouped sidebar nav, getting-started and guides, an API reference, build-time syntax-highlighted code, a working ⌘K search, and a version dropdown. [Copy the recipe →](/content/recipes/docs/index.html) - **Build me a small, beautiful blog in Astro where every post has realtime comments and emoji reactions**, powered by a Spacefast Zero capsule, published as one site. A prerendered Astro blog whose every post carries realtime comments and emoji reactions from a Spacefast Zero capsule, published as one space. [Copy the recipe →](/content/recipes/astro-zero/index.html) - **Build me a magazine whose articles come from WordPress but whose interactivity comes from a server** — headless WordPress rendered to static pages at build time, plus a Spacefast Zero capsule behind them for realtime reactions and search. [Copy the recipe →](/content/recipes/wp-zero/index.html)