Recipes | Spacefast
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.
- Copy a recipe
- Paste it into your agent
- 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 withastro 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 →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 →Build me a bold, full-bleed one-page website for my band as a vanilla-JS app (a single
index.htmlplus 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 →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 →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 →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.htmlwith 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 →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 →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 buildat the end and confirmdist/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 →Build me a one-page fundraising campaign site for a local cause as a vanilla-JS app (a single
index.htmlplus 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 →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 →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 →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 buildto adist/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 →Build me a clean, single-page web resume (CV) as a plain HTML & CSS site — one
index.htmlplus 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 →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 →
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 →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 littlescript.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 →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.htmlplusstyles.cssandapp.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 →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.htmlplusstyles.cssand 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 →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 →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 →Build me an energetic landing page for a student hackathon as a vanilla-JS app (a single
index.htmlplusstyles.cssandapp.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 →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 →
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.htmlplusstyles.cssandapp.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 →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 →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 →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 →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 →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 →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 →Build me a fully playable 2048 sliding-tile puzzle game as a vanilla-JS app (a single
index.htmlplus 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 →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 →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
todostable with text, completion state, and an owner ID. - Scope reads to
ctx.auth.userId— sourced fromlocalStorage.
Copy the recipe →
- Define a
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.htmlplus 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 →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.htmlplus 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 →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 →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 →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 →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 →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 buildto 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 →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 →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 littleapp.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 →Build me a presentable investor pitch deck that runs in the browser as a vanilla-JS app — a single
index.htmlplus a small CSS and JS file, with reveal.js 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 →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 →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 →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 →Build me a single-screen "coming soon" teaser page as a vanilla-JS app (a single
index.htmlplus 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 →
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 →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 →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 →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 buildwrites flat HTML toout/, and Spacefast serves the entire site as static files.
Copy the recipe →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 →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 →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 →