` entries, real ``s, the filter as a\n labelled button group with `aria-pressed`, keyboard-operable controls, visible focus,\n and good contrast in both themes.\n\n**Add this exact line right before `` so the site carries its badge:**\n\n```html\n\n```\n\n**When the site is ready, publish it to Spacefast with the direct API — no account, install, or extra instructions needed:**\n\n1. Use `./site` as the publish folder. For no-build projects, put only the finished public files in that dedicated folder. Confirm it has `index.html` at its root and no secrets, source files, `.git`, or `.spacefast` state.\n2. First publish: send every file as multipart form data. This Bash/Zsh block preserves relative paths and works for one file or a whole folder:\n ```bash\n PUBLISH_ROOT=./site\n publish_files=()\n while IFS= read -r -d \"\" file; do\n relative=${file#\"$PUBLISH_ROOT\"/}\n publish_files+=(-F \"files=@$file;filename=$relative\")\n done < <(find \"$PUBLISH_ROOT\" -type f -print0)\n curl -sS \"${publish_files[@]}\" \"https://api.spacefast.com/v1/publish?wait=1\"\n ```\n3. From the `{ \"data\": ... }` receipt, give me `data.space.liveUrl`, `data.version.immutableUrl`, `data.claim.url`, and `data.claim.expiresAt`. Remind me to claim within 6 hours. Keep `data.claim.token` secret.\n4. Save `data.space.id` and `data.claim.token` locally (for example in an ignored, mode-600 `.spacefast/state.json`). For a quick update, rebuild the `publish_files` array above and publish to the same space:\n ```bash\n SPACEFAST_SPACE_ID=\n SPACEFAST_TOKEN=\n curl -sS -H \"Authorization: Bearer $SPACEFAST_TOKEN\" \\\n -F \"spaceId=$SPACEFAST_SPACE_ID\" \"${publish_files[@]}\" \\\n \"https://api.spacefast.com/v1/publish?wait=1\"\n ```\n If an update after claiming returns `space_claimed_credential_available`, exchange the saved claim token once at `POST https://api.spacefast.com/v1/anonymous-claim/exchange`, save `data.credential.accessToken`, and retry with that access token.\n\n**Optional shortcuts and reference only:** if the `sf` CLI is already installed, `sf publish ./site --wait` does the same job. A zip of the publish folder is also supported, but neither the CLI nor a zip is required. Docs: [direct agent/API publishing](https://spacefast.com/setup) · [files and folders](https://spacefast.com/help/publishing) · [claiming](https://spacefast.com/help/anonymous-publish) · [updates and rollback](https://spacefast.com/help/versions)","repoUrl":"https://github.com/spacefast/examples/tree/master/examples/changelog"},{"slug":"dashboard","publishSlug":"brightside-growth-dashboard","title":"Growth dashboard","name":"Brightside Coffee — Growth Dashboard","vertical":"Data, internal & startup","tech":"Vanilla JS","summary":"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.","order":1,"liveUrl":"https://brightside-growth-dashboard.view.fast/","previewUrl":"https://brightside-growth-dashboard.view.fast/","setupQuestions":["What's the brand name and what do you sell?","Which 4-6 metrics matter most to your team day to day?","What's your monthly revenue target?","What's your brand's primary accent color?"],"photoTerms":["specialty coffee bag product flat lay","coffee roastery interior warm light","ecommerce packaging on wooden table","barista pouring latte overhead shot"],"prompt":"Build me a **single-screen growth dashboard for my online store** — the kind a small\nteam pins to the office TV and glances at all day — as a self-contained static site\n(one `index.html` plus a CSS and a JS file, no build step, no framework).\n\n**Before you build, ask me these questions in one message and wait for my answers. If I skip anything, choose a sensible default and tell me what you chose:**\n\n1. What's the brand name and what do you sell?\n2. Which 4–6 metrics matter most to your team day to day?\n3. What's your monthly revenue target?\n4. What's your brand's primary accent color?\n\n**Then build a complete, polished, responsive dashboard with:**\n\n- A header bar with the brand, a \"Live\" pill, a ticking clock, and a \"last updated\"\n timestamp.\n- A row of KPI tiles — revenue today, revenue MTD vs. target (with a progress bar),\n orders, average order value, and conversion rate — each with a sparkline and an\n up/down delta vs. yesterday.\n- A revenue trend chart for the last 30 days: daily bars plus a 7-day moving-average\n line, with date labels.\n- A \"Traffic by source\" donut (organic / paid / email / social / direct) with a\n legend showing sessions and share.\n- A \"Top products\" table — five products with units sold and a revenue bar.\n- A \"Marketing channels\" leaderboard with spend and ROAS, color-coded by performance.\n- An \"Email list\" panel: total subscribers, new-today counter, and a daily-signups\n sparkline.\n- Auto-refresh every several seconds: the numbers tick to new values with a subtle\n animation and the \"last updated\" stamp resets.\n\n**Design & content notes:**\n\n- \"Wall TV\" mood: dark, calm background; one warm accent color; a serif for big\n numbers and headings, a clean sans for labels; tabular figures so digits don't\n jiggle. Make it dense but legible from across the room.\n- Build the charts with inline SVG (or a tiny CDN charting lib) — no heavy framework.\n- Use realistic content based on my answers — never \"lorem ipsum\". Invent believable\n product names, channel names, and a month of revenue history with weekend dips and\n a couple of campaign spikes.\n- Use real images for the product thumbnails. Pull free photos that fit, e.g.\n `https://picsum.photos/seed//80/80` (vary the seed per product), with\n descriptive `alt` text.\n- Drive everything from a small data model at the top of the JS file, with clearly\n named functions, so it's easy to swap in a real analytics/commerce API later.\n- Keep it accessible: semantic HTML, a skip link, labelled regions, good contrast,\n and respect `prefers-reduced-motion` (no animation when it's set).\n\n**Add this exact line right before `` so the site carries its badge:**\n\n```html\n\n```\n\n**When the site is ready, publish it to Spacefast with the direct API — no account, install, or extra instructions needed:**\n\n1. Use `./site` as the publish folder. For no-build projects, put only the finished public files in that dedicated folder. Confirm it has `index.html` at its root and no secrets, source files, `.git`, or `.spacefast` state.\n2. First publish: send every file as multipart form data. This Bash/Zsh block preserves relative paths and works for one file or a whole folder:\n ```bash\n PUBLISH_ROOT=./site\n publish_files=()\n while IFS= read -r -d \"\" file; do\n relative=${file#\"$PUBLISH_ROOT\"/}\n publish_files+=(-F \"files=@$file;filename=$relative\")\n done < <(find \"$PUBLISH_ROOT\" -type f -print0)\n curl -sS \"${publish_files[@]}\" \"https://api.spacefast.com/v1/publish?wait=1\"\n ```\n3. From the `{ \"data\": ... }` receipt, give me `data.space.liveUrl`, `data.version.immutableUrl`, `data.claim.url`, and `data.claim.expiresAt`. Remind me to claim within 6 hours. Keep `data.claim.token` secret.\n4. Save `data.space.id` and `data.claim.token` locally (for example in an ignored, mode-600 `.spacefast/state.json`). For a quick update, rebuild the `publish_files` array above and publish to the same space:\n ```bash\n SPACEFAST_SPACE_ID=\n SPACEFAST_TOKEN=\n curl -sS -H \"Authorization: Bearer $SPACEFAST_TOKEN\" \\\n -F \"spaceId=$SPACEFAST_SPACE_ID\" \"${publish_files[@]}\" \\\n \"https://api.spacefast.com/v1/publish?wait=1\"\n ```\n If an update after claiming returns `space_claimed_credential_available`, exchange the saved claim token once at `POST https://api.spacefast.com/v1/anonymous-claim/exchange`, save `data.credential.accessToken`, and retry with that access token.\n\n**Optional shortcuts and reference only:** if the `sf` CLI is already installed, `sf publish ./site --wait` does the same job. A zip of the publish folder is also supported, but neither the CLI nor a zip is required. Docs: [direct agent/API publishing](https://spacefast.com/setup) · [files and folders](https://spacefast.com/help/publishing) · [claiming](https://spacefast.com/help/anonymous-publish) · [updates and rollback](https://spacefast.com/help/versions)","repoUrl":"https://github.com/spacefast/examples/tree/master/examples/dashboard"},{"slug":"tip","publishSlug":"tip","title":"Tip splitter","name":"Even Split","vertical":"Tools, apps & games","tech":"Vanilla JS","summary":"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.","order":1,"liveUrl":"https://tip.view.fast/","previewUrl":"https://tip.view.fast/","setupQuestions":["What's your default tip percentage and which presets should the buttons show (e.g. 15 / 18 / 20 / 25)?","What currency and locale should amounts use (e.g. USD $, EUR €)?","Should tip be calculated on the pre-tax or post-tax amount by default?","Typical party size to default to, and should it offer a \"round up each person\" option?"],"photoTerms":["friends splitting bill at restaurant table","hands with credit card and receipt cafe","dinner table from above with plates and glasses","group of friends laughing over dinner"],"prompt":"Build me a **fast bill-and-tip splitter** — a single-page calculator that takes a\nrestaurant bill, a tip percentage, and a number of people, and instantly shows a\nclean per-person amount — as a self-contained static site (one `index.html` plus a\nCSS and a JS file, no build step, no framework).\n\n**Before you build, ask me these questions in one message and wait for my answers. If I skip anything, choose a sensible default and tell me what you chose:**\n\n1. What's your default tip percentage, and which presets should the buttons show (e.g. 15 / 18 / 20 / 25)?\n2. What currency and locale should amounts use (e.g. USD `$`, EUR `€`)?\n3. Should tip be calculated on the pre-tax or post-tax amount by default?\n4. What's a typical party size to default to, and should it offer a \"round up each person\" option?\n\n**Then build a complete, polished, responsive calculator with:**\n\n- A **bill amount** field (the subtotal, before tax) with a big, easy-to-tap money input.\n- A **tip selector**: preset percentage buttons plus a custom-percent input, with the active choice clearly highlighted.\n- A **separate tax field**, so by default the tip is figured on the **pre-tax** bill — with a toggle to tip on the post-tax total instead.\n- A **split-by-people** control: a − / + stepper _and_ a slider, kept in sync, showing the count live.\n- A **live breakdown** that updates on every keystroke: the big per-person number up top, then bill, tip, tax, and total on a receipt-style card.\n- A **round-up-per-person** toggle that rounds each person to the next whole unit and shows the small extra \"cushion\" that lands on the tip.\n- A **\"Copy the split\"** button that copies a tidy text summary to the clipboard, and a **\"New bill\"** reset.\n- A short hero up top and a quick \"why tip on the pre-tax bill\" explainer below.\n\n**Design & content notes:**\n\n- Warm, friendly, \"restaurant receipt\" mood: cream/paper background, a confident\n green accent, a coral highlight, a monospace typeface for the dollar figures so\n numbers feel like a printed check. Serif display headings, clean sans body.\n- Use realistic content based on my answers — never \"lorem ipsum\". Seed the\n calculator with a believable sample bill so it looks alive on first load.\n- Use a real image. Pull a free photo that fits, e.g.\n `https://picsum.photos/seed/dinner-1/1200/800` or\n Pexels, with descriptive `alt` text.\n- All the math runs in the browser — no backend, no account. Compute on every input\n change; format currency with `Intl.NumberFormat`.\n- Keep it accessible: semantic HTML, real ``s, a labelled radio group for the\n tip buttons, keyboard-operable stepper and slider, visible focus, and good contrast.\n\n**Add this exact line right before `` so the site carries its badge:**\n\n```html\n\n```\n\n**When the site is ready, publish it to Spacefast with the direct API — no account, install, or extra instructions needed:**\n\n1. Use `./site` as the publish folder. For no-build projects, put only the finished public files in that dedicated folder. Confirm it has `index.html` at its root and no secrets, source files, `.git`, or `.spacefast` state.\n2. First publish: send every file as multipart form data. This Bash/Zsh block preserves relative paths and works for one file or a whole folder:\n ```bash\n PUBLISH_ROOT=./site\n publish_files=()\n while IFS= read -r -d \"\" file; do\n relative=${file#\"$PUBLISH_ROOT\"/}\n publish_files+=(-F \"files=@$file;filename=$relative\")\n done < <(find \"$PUBLISH_ROOT\" -type f -print0)\n curl -sS \"${publish_files[@]}\" \"https://api.spacefast.com/v1/publish?wait=1\"\n ```\n3. From the `{ \"data\": ... }` receipt, give me `data.space.liveUrl`, `data.version.immutableUrl`, `data.claim.url`, and `data.claim.expiresAt`. Remind me to claim within 6 hours. Keep `data.claim.token` secret.\n4. Save `data.space.id` and `data.claim.token` locally (for example in an ignored, mode-600 `.spacefast/state.json`). For a quick update, rebuild the `publish_files` array above and publish to the same space:\n ```bash\n SPACEFAST_SPACE_ID=\n SPACEFAST_TOKEN=\n curl -sS -H \"Authorization: Bearer $SPACEFAST_TOKEN\" \\\n -F \"spaceId=$SPACEFAST_SPACE_ID\" \"${publish_files[@]}\" \\\n \"https://api.spacefast.com/v1/publish?wait=1\"\n ```\n If an update after claiming returns `space_claimed_credential_available`, exchange the saved claim token once at `POST https://api.spacefast.com/v1/anonymous-claim/exchange`, save `data.credential.accessToken`, and retry with that access token.\n\n**Optional shortcuts and reference only:** if the `sf` CLI is already installed, `sf publish ./site --wait` does the same job. A zip of the publish folder is also supported, but neither the CLI nor a zip is required. Docs: [direct agent/API publishing](https://spacefast.com/setup) · [files and folders](https://spacefast.com/help/publishing) · [claiming](https://spacefast.com/help/anonymous-publish) · [updates and rollback](https://spacefast.com/help/versions)","repoUrl":"https://github.com/spacefast/examples/tree/master/examples/tip"},{"slug":"calories","publishSlug":"calories","title":"Calorie tracker","name":"Plateful","vertical":"Tools, apps & games","tech":"Vanilla JS","summary":"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.","order":2,"liveUrl":"https://calories.view.fast/","previewUrl":"https://calories.view.fast/","setupQuestions":["What's your daily calorie goal, and your protein/carb/fat targets (in grams or percentages)?","What should the app be called, and whose diary is it (a name for the header)?","Any dietary style to theme it around — e.g. high-protein, keto, vegetarian, balanced?","List 4–6 go-to foods or meals you eat often so we can preload them as quick-add favorites (with rough calories/macros)."],"photoTerms":["healthy meal prep containers overhead flat lay","colorful protein bowl on wooden table","grilled chicken and vegetables plate","person logging food on phone at table"],"prompt":"Build me a **single-page daily macro tracker** — a food diary that logs meals and\ntracks calories plus protein/carbs/fat against my goals — as a **vanilla-JS app**\n(one `index.html`, one CSS file, one JS file, no build step, no framework). Persist\neverything in `localStorage` so my diary is still there when I come back.\n\n**Before you build, ask me these questions in one message and wait for my answers. If I skip anything, choose a sensible default and tell me what you chose:**\n\n1. What's your daily calorie goal, and your protein/carb/fat targets (in grams or percentages)?\n2. What should the app be called, and whose diary is it (a name for the header)?\n3. Any dietary style to theme it around — e.g. high-protein, keto, vegetarian, balanced?\n4. List 4–6 go-to foods or meals you eat often so we can preload them as quick-add favorites (with rough calories/macros).\n\n**Then build a complete, polished, responsive app with:**\n\n- A **Today dashboard**: a big animated calorie ring (eaten vs. goal, showing\n calories remaining in the center) and protein/carbs/fat progress bars that fill\n toward each target and flag when I go over.\n- A **meal diary** split into Breakfast, Lunch, Dinner, and Snacks. Each meal shows\n its running calorie subtotal; each logged item shows its calories and P/C/F, with\n a one-tap delete.\n- An **add-food form** (in a dialog) with name, meal, calories, protein, carbs, fat,\n and a **servings multiplier** slider so I can log 1.5× of something. Typing the\n name of a known favorite autofills its macros.\n- A **quick-add favorites** list of my go-to foods — one tap logs them into the meal\n that fits the time of day. The add form can also save a new food as a favorite.\n- A **date switcher** (prev/next + a date picker, plus left/right arrow keys) so I\n can review or back-fill previous days. Each day keeps its own entries.\n- A **goals & settings** dialog to edit my name, dietary style, and calorie + macro\n targets, with a live check that my macros add up to my calorie goal.\n- A **weekly summary**: a 7-day calorie bar chart (today highlighted, on-target days\n in green) with average calories, average protein, and days-logged.\n\n**Design & content notes:**\n\n- Calm, modern dark UI: near-black background, warm coral as the primary/calorie\n accent, blue for carbs and gold for fat, a serif display face (e.g. Fraunces) for\n headings and a clean sans (e.g. Inter) for everything else. Rounded cards, soft\n shadows, smooth ring/bar animations.\n- Preload the diary with realistic seed data for the named person and dietary style\n (a partly-logged \"today\" so the rings look alive, a full \"yesterday,\" and a few\n prior days of plausible totals). Use believable food names and macro numbers —\n never \"lorem ipsum.\"\n- Food photos aren't required (the UI is data-first), but if you add any imagery use\n real free photos that fit, e.g.\n `https://picsum.photos/seed/meal-prep-1/1200/800` (vary the seed) with descriptive\n `alt` text. Emoji food icons are great for the favorites list.\n- Persist all state in `localStorage` and keep it robust: write synchronously so\n nothing is lost if I close the tab right after logging.\n- Keep it accessible (semantic HTML, real ``s on every field, a\n `