@getvitops/create 0.4.0 → 0.6.0

package/templates/emdash/src/assets/placeholder/wireframe-400x600.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="600" viewBox="0 0 400 600"><rect width="100%" height="100%" fill="#DDDDDD"/><path fill="#999999" d="M87.3 304.72h11.66v-12.54q0-1.77.24-3.92zm17.36 0h4.82v3.79q0 .53-.35.91-.34.39-.98.39h-3.49v9.35h-5.7v-9.35H82.79q-.66 0-1.16-.42-.51-.41-.64-1.02l-.69-3.31 18.16-24.25h6.2zm35.59-4.72q0 5.01-1.08 8.71-1.07 3.69-2.97 6.1-1.89 2.42-4.47 3.59-2.59 1.18-5.58 1.18-3 0-5.55-1.18-2.56-1.17-4.44-3.59-1.88-2.41-2.94-6.1-1.06-3.7-1.06-8.71 0-5.03 1.06-8.72 1.06-3.68 2.94-6.09t4.44-3.59q2.55-1.18 5.55-1.18 2.99 0 5.58 1.18 2.58 1.18 4.47 3.59 1.9 2.41 2.97 6.09 1.08 3.69 1.08 8.72m-6.76 0q0-4.16-.61-6.89t-1.63-4.35q-1.02-1.61-2.35-2.26-1.32-.65-2.75-.65-1.41 0-2.72.65t-2.32 2.26q-1 1.62-1.6 4.35t-.6 6.89.6 6.89 1.6 4.35q1.01 1.61 2.32 2.26t2.72.65q1.43 0 2.75-.65 1.33-.65 2.35-2.26 1.02-1.62 1.63-4.35t.61-6.89m37.5 0q0 5.01-1.08 8.71-1.07 3.69-2.97 6.1-1.89 2.42-4.47 3.59-2.59 1.18-5.58 1.18-3 0-5.55-1.18-2.56-1.17-4.44-3.59-1.88-2.41-2.94-6.1-1.06-3.7-1.06-8.71 0-5.03 1.06-8.72 1.06-3.68 2.94-6.09t4.44-3.59q2.55-1.18 5.55-1.18 2.99 0 5.58 1.18 2.58 1.18 4.47 3.59 1.9 2.41 2.97 6.09 1.08 3.69 1.08 8.72m-6.76 0q0-4.16-.61-6.89t-1.63-4.35q-1.02-1.61-2.35-2.26-1.32-.65-2.75-.65-1.41 0-2.72.65t-2.32 2.26q-1 1.62-1.6 4.35t-.6 6.89.6 6.89 1.6 4.35q1.01 1.61 2.32 2.26t2.72.65q1.43 0 2.75-.65 1.33-.65 2.35-2.26 1.02-1.62 1.63-4.35t.61-6.89m48.84 10.39-3.47 3.42-8.99-8.99-9.06 9.04-3.47-3.42 9.06-9.09-8.64-8.64 3.45-3.44 8.64 8.64 8.58-8.59 3.5 3.45-8.61 8.61zm40.94-29.55-11.37 13.91-1.32 1.65q1.11-.56 2.4-.86 1.28-.31 2.76-.31 2.18 0 4.23.72 2.05.71 3.62 2.16 1.56 1.44 2.52 3.59.95 2.14.95 5 0 2.68-.98 5.03-.98 2.34-2.76 4.09-1.77 1.75-4.28 2.76-2.5 1-5.52 1-3.08 0-5.51-.98-2.44-.98-4.16-2.74-1.73-1.76-2.64-4.24-.92-2.48-.92-5.5 0-2.7 1.1-5.55t3.41-5.92l9.14-12.27q.48-.64 1.39-1.09.92-.45 2.11-.45zm-9.88 33.39q1.56 0 2.87-.53t2.25-1.48q.94-.96 1.47-2.24.53-1.29.53-2.8 0-1.64-.5-2.95t-1.43-2.23q-.93-.91-2.23-1.39-1.29-.48-2.86-.48-1.56 0-2.83.53-1.28.53-2.18 1.47t-1.4 2.23-.5 2.77q0 1.59.43 2.9.44 1.31 1.3 2.24t2.13 1.44q1.28.52 2.95.52M288.96 300q0 5.01-1.07 8.71-1.07 3.69-2.97 6.1-1.89 2.42-4.48 3.59-2.58 1.18-5.57 1.18-3 0-5.56-1.18-2.55-1.17-4.43-3.59-1.89-2.41-2.95-6.1-1.06-3.7-1.06-8.71 0-5.03 1.06-8.72 1.06-3.68 2.95-6.09 1.88-2.41 4.43-3.59 2.56-1.18 5.56-1.18 2.99 0 5.57 1.18 2.59 1.18 4.48 3.59 1.9 2.41 2.97 6.09 1.07 3.69 1.07 8.72m-6.75 0q0-4.16-.61-6.89t-1.63-4.35q-1.02-1.61-2.35-2.26-1.32-.65-2.75-.65-1.41 0-2.72.65t-2.32 2.26q-1.01 1.62-1.6 4.35-.6 2.73-.6 6.89t.6 6.89q.59 2.73 1.6 4.35 1.01 1.61 2.32 2.26t2.72.65q1.43 0 2.75-.65 1.33-.65 2.35-2.26 1.02-1.62 1.63-4.35t.61-6.89m37.49 0q0 5.01-1.07 8.71-1.07 3.69-2.97 6.1-1.89 2.42-4.48 3.59-2.58 1.18-5.57 1.18-3 0-5.56-1.18-2.55-1.17-4.43-3.59-1.89-2.41-2.95-6.1-1.06-3.7-1.06-8.71 0-5.03 1.06-8.72 1.06-3.68 2.95-6.09 1.88-2.41 4.43-3.59 2.56-1.18 5.56-1.18 2.99 0 5.57 1.18 2.59 1.18 4.48 3.59 1.9 2.41 2.97 6.09 1.07 3.69 1.07 8.72m-6.75 0q0-4.16-.61-6.89t-1.63-4.35q-1.02-1.61-2.35-2.26-1.32-.65-2.75-.65-1.41 0-2.72.65t-2.32 2.26q-1.01 1.62-1.6 4.35-.6 2.73-.6 6.89t.6 6.89q.59 2.73 1.6 4.35 1.01 1.61 2.32 2.26t2.72.65q1.43 0 2.75-.65 1.33-.65 2.35-2.26 1.02-1.62 1.63-4.35t.61-6.89"/></svg>

package/templates/emdash/src/assets/placeholder/wireframe-600x400.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400" viewBox="0 0 600 400"><rect width="100%" height="100%" fill="#DDDDDD"/><path fill="#999999" d="m155.52 171.08-17.16 21-2 2.48q1.68-.84 3.62-1.3t4.18-.46q3.28 0 6.38 1.08t5.46 3.26 3.8 5.42 1.44 7.56q0 4.04-1.48 7.58t-4.16 6.18-6.46 4.16-8.34 1.52q-4.64 0-8.32-1.48t-6.28-4.14-3.98-6.4-1.38-8.3q0-4.08 1.66-8.38t5.14-8.94l13.8-18.52q.72-.96 2.1-1.64t3.18-.68zm-14.92 50.4q2.36 0 4.34-.8t3.4-2.24 2.22-3.38.8-4.22q0-2.48-.76-4.46t-2.16-3.36-3.36-2.1-4.32-.72-4.28.8-3.28 2.22-2.12 3.36-.76 4.18q0 2.4.66 4.38t1.96 3.38 3.22 2.18 4.44.78M208.28 200q0 7.56-1.62 13.14t-4.48 9.22-6.76 5.42-8.42 1.78-8.38-1.78-6.7-5.42-4.44-9.22-1.6-13.14q0-7.6 1.6-13.16t4.44-9.2 6.7-5.42 8.38-1.78 8.42 1.78 6.76 5.42 4.48 9.2 1.62 13.16m-10.2 0q0-6.28-.92-10.4t-2.46-6.56-3.54-3.42-4.16-.98q-2.12 0-4.1.98t-3.5 3.42-2.42 6.56-.9 10.4.9 10.4 2.42 6.56 3.5 3.42 4.1.98q2.16 0 4.16-.98t3.54-3.42 2.46-6.56.92-10.4m56.6 0q0 7.56-1.62 13.14t-4.48 9.22-6.76 5.42-8.42 1.78-8.38-1.78-6.7-5.42-4.44-9.22-1.6-13.14q0-7.6 1.6-13.16t4.44-9.2 6.7-5.42 8.38-1.78 8.42 1.78 6.76 5.42 4.48 9.2 1.62 13.16m-10.2 0q0-6.28-.92-10.4t-2.46-6.56-3.54-3.42-4.16-.98q-2.12 0-4.1.98t-3.5 3.42-2.42 6.56-.9 10.4.9 10.4 2.42 6.56 3.5 3.42 4.1.98q2.16 0 4.16-.98t3.54-3.42 2.46-6.56.92-10.4m73.72 15.68-5.24 5.16-13.56-13.56-13.68 13.64-5.24-5.16 13.68-13.72L281.12 189l5.2-5.2 13.04 13.04 12.96-12.96 5.28 5.2-13 13zm34.64-8.56h17.6V188.2q0-2.68.36-5.92zm26.2 0h7.28v5.72q0 .8-.52 1.38t-1.48.58h-5.28v14.12h-8.6V214.8h-24.4q-1 0-1.76-.62t-.96-1.54l-1.04-5 27.4-36.6h9.36zm53.72-7.12q0 7.56-1.62 13.14t-4.48 9.22-6.76 5.42-8.42 1.78-8.38-1.78-6.7-5.42-4.44-9.22-1.6-13.14q0-7.6 1.6-13.16t4.44-9.2 6.7-5.42 8.38-1.78 8.42 1.78 6.76 5.42 4.48 9.2 1.62 13.16m-10.2 0q0-6.28-.92-10.4t-2.46-6.56-3.54-3.42-4.16-.98q-2.12 0-4.1.98t-3.5 3.42-2.42 6.56-.9 10.4.9 10.4 2.42 6.56 3.5 3.42 4.1.98q2.16 0 4.16-.98t3.54-3.42 2.46-6.56.92-10.4m56.6 0q0 7.56-1.62 13.14t-4.48 9.22-6.76 5.42-8.42 1.78-8.38-1.78-6.7-5.42-4.44-9.22-1.6-13.14q0-7.6 1.6-13.16t4.44-9.2 6.7-5.42 8.38-1.78 8.42 1.78 6.76 5.42 4.48 9.2 1.62 13.16m-10.2 0q0-6.28-.92-10.4t-2.46-6.56-3.54-3.42-4.16-.98q-2.12 0-4.1.98t-3.5 3.42-2.42 6.56-.9 10.4.9 10.4 2.42 6.56 3.5 3.42 4.1.98q2.16 0 4.16-.98t3.54-3.42 2.46-6.56.92-10.4"/></svg>

package/templates/emdash/vite.config.ts

@@ -3,6 +3,12 @@ import { defineConfig } from 'vite-plus';
 export default defineConfig({
   staged: {
     '*': 'vp check --fix',
+    // Design-system drift, checked on the files being committed. `--strict` makes
+    // the reuse hints fail here: a hand-rolled container or a card set without
+    // `subgrid` is the drift this catches, and it is only ever cheap to fix at the
+    // moment it is written. `vitops lint` takes the staged paths as positionals.
+    'src/**/*.{astro,html,ts,tsx,jsx,vue,svelte,css}':
+      'vitops lint -i design-system.json -f tailwind --strict',
   },
   fmt: {
     ignorePatterns: ['dist/**', 'node_modules/**', 'src/styles/**', 'public/vitops/**'],

package/templates/static/.env

@@ -0,0 +1 @@
+CLOUDFLARE_API_TOKEN=your_cloudflare_api_token

package/templates/static/.github/workflows/ci.yml

@@ -0,0 +1,12 @@
+# Runs on every PR: typecheck + design-lint + build. deploy-dev.yml /
+# deploy-prod.yml call the same reusable `site-ci.yml` themselves before they
+# deploy, so this is what gives a PR the identical signal before it's even
+# merged to `dev` — a broken build never reaches the dev worker.
+name: CI
+
+on:
+  pull_request:
+
+jobs:
+  ci:
+    uses: getvitops/design-system/.github/workflows/site-ci.yml@v1

package/templates/static/.github/workflows/deploy-dev.yml

@@ -0,0 +1,33 @@
+# Deploys the `dev` branch to the isolated dev worker (<name>-dev, and
+# dev.<domain> if a custom domain is configured in wrangler.jsonc).
+# `dev` is the integration branch — every push here refreshes the review site.
+# Promote to production with the "Promote dev → main" workflow (promote.yml).
+#
+# Deploys via the vitops toolchain's reusable static-site deploy workflow — see
+# https://github.com/getvitops/design-system/blob/main/.github/workflows/site-deploy-static.yml
+# Pinned to @v1 so a fix there reaches this repo without a manual re-paste;
+# bump the tag deliberately if you want to pick up a change.
+#
+# Required repo secrets:
+#   CLOUDFLARE_API_TOKEN   — token with Workers edit on this account
+#   CLOUDFLARE_ACCOUNT_ID  — the Cloudflare account id
+name: Deploy dev
+
+on:
+  push:
+    branches: [dev]
+
+concurrency:
+  group: deploy-dev
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    uses: getvitops/design-system/.github/workflows/site-deploy-static.yml@v1
+    with:
+      environment: dev
+      worker-name-suffix: -dev
+      route-prefix: dev.
+    secrets:
+      CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+      CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

package/templates/static/.github/workflows/deploy-prod.yml

@@ -0,0 +1,29 @@
+# Deploys `main` to production.
+# `main` should be branch-protected — it then only advances via the Promote
+# workflow (promote.yml), so a push here always represents promoted code. The
+# `production` GitHub Environment (set up by `scripts/init-github.mjs`) has
+# required reviewers restricted to admins, so this PAUSES for approval before
+# deploying.
+#
+# Deploys via the vitops toolchain's reusable static-site deploy workflow — see
+# https://github.com/getvitops/design-system/blob/main/.github/workflows/site-deploy-static.yml
+#
+# Required repo secrets: CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID
+name: Deploy prod
+
+on:
+  push:
+    branches: [main]
+
+concurrency:
+  group: deploy-prod
+  cancel-in-progress: false
+
+jobs:
+  deploy:
+    uses: getvitops/design-system/.github/workflows/site-deploy-static.yml@v1
+    with:
+      environment: production
+    secrets:
+      CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+      CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

package/templates/static/.github/workflows/promote.yml

@@ -0,0 +1,16 @@
+# Promote dev → main. Run manually after reviewing the dev site.
+# Opens a PR from dev into the protected `main` branch and enables auto-merge;
+# the merge triggers Deploy prod.
+#
+# Deploys via the vitops toolchain's reusable promote workflow — see
+# https://github.com/getvitops/design-system/blob/main/.github/workflows/site-promote.yml
+# for the branch-protection / PROMOTE_TOKEN options.
+name: Promote dev → main
+
+on:
+  workflow_dispatch:
+
+jobs:
+  promote:
+    uses: getvitops/design-system/.github/workflows/site-promote.yml@v1
+    secrets: inherit

package/templates/static/.nvmrc

@@ -0,0 +1 @@
+24

package/templates/static/AGENTS.md

@@ -0,0 +1,57 @@
+This is a static Astro website styled by the Vitops design system, deployed
+as Cloudflare Workers static assets (no server runtime, no database).
+
+## Ground rules
+
+- `design-system.json` is the single source of truth for the design system
+  (colors, type, spacing, patterns, animations). Never edit `src/styles/` by
+  hand — it is generated from the JSON by the `vitops()` integration on every
+  dev/build and is gitignored.
+- `src/assets/placeholder/` holds neutral wireframe stand-ins (square,
+  portrait, landscape; SVG + PNG) for layout work before real imagery
+  exists. Delete the directory once real assets land.
+- Prefer framework CSS classes (utilities, patterns, type roles like
+  `font-heading`) over bespoke CSS. Run `npx vitops agents` to append the
+  full generated class-vocabulary reference to this file.
+- **Layout foundations — these are the answer, not a starting point.** Six
+  substitutions carry the structure of nearly every page:
+  | About to write… | Write instead |
+  | --- | --- |
+  | a `wrap`/`wrapper`/`container`/`inner` class | **`centered`** |
+  | `max-width` + `margin-inline: auto` | **`centered`** |
+  | `padding-block` on a section | **`region`** |
+  | margins between headings/paragraphs/lists | **`rhythm`** |
+  | `display: grid` + `grid-template-columns: repeat(n, …)` | **`subgrid`** |
+  | `repeat(auto-fit, minmax(…))` | **`grid-auto`** |
+  | `display: flex` + `gap` for a row of controls | **`cluster`** |
+- Every page is prerendered by default (`output: 'static'`) — there is no
+  server to fall back to, so nothing here can read request-time data
+  (cookies, headers, query params) at render time. If a page genuinely needs
+  that, it needs an adapter and a different template — this one stays pure
+  static on purpose.
+
+## Branch model
+
+- Work on **`dev`** (the integration branch). Every push auto-deploys the
+  isolated `-dev` worker (`dev.<domain>` with a custom domain).
+- **`main`** is production and branch-protected — never push or merge to it
+  directly. Production ships only via the manual **promote** flow:
+  `.github/workflows/promote.yml`, dispatched manually, opens a `dev → main`
+  PR with auto-merge; merging deploys prod. Only run it when the user
+  explicitly asks to promote/ship to production.
+
+## Commands
+
+- `pnpm dev` — local dev
+- `pnpm typecheck` — `astro check`
+- `pnpm run build:css` — regenerate the framework CSS from `design-system.json`
+- `pnpm deploy` — build + `wrangler deploy` to prod
+- `pnpm run deploy:dev` — build + deploy the isolated dev worker
+- `pnpm run init:github` — one-time: create + push the GitHub repo (main +
+  dev, dev default, branch protection + environment policy). Only run when
+  the user asks to set up GitHub.
+- `pnpm run init:hosting` — one-time: read the Cloudflare account id and set
+  it as a repo secret. Only run when the user asks for it.
+- `npx vitops validate design-system.json` — schema-check the design config
+- `npx vitops lint -i design-system.json -f css` — find framework classes in
+  source that resolve to nothing under this format

package/templates/static/README.md

@@ -0,0 +1,85 @@
+# My Static Site
+
+A static [Astro](https://astro.build) website on Cloudflare Workers (static
+assets — no server runtime), styled by the
+[Vitops design system](https://www.npmjs.com/org/getvitops).
+
+Scaffolded from `vp create @getvitops:static`.
+
+## Stack
+
+- **Astro** (`output: 'static'`) on **Cloudflare Workers Static Assets** — no
+  adapter, no database, no server runtime
+- **`@getvitops/astro`** — generates the design-system CSS from
+  `design-system.json` and serves the web-component runtime
+
+`src/assets/placeholder/` ships neutral wireframe images for layout work
+before real imagery exists — delete once real assets land.
+
+## Local development
+
+```bash
+pnpm install
+pnpm dev
+```
+
+- Site: <http://localhost:4321>
+
+## Deploy
+
+```bash
+npx wrangler login
+pnpm deploy
+```
+
+For a custom domain, uncomment the `routes` block in `wrangler.jsonc` and set
+your apex — Cloudflare provisions the DNS record + TLS cert on deploy.
+
+## Environments: dev → main promotion
+
+The repo ships a two-environment flow modeled on branch = environment:
+
+- **`dev`** is the integration branch. Every push auto-deploys the isolated
+  `-dev` worker (`.github/workflows/deploy-dev.yml`), served at
+  `dev.<domain>` when a custom domain is configured (or the worker's
+  `workers.dev` URL otherwise).
+- **`main`** is production. Every push auto-deploys the prod worker
+  (`.github/workflows/deploy-prod.yml`) — gated behind a `production`
+  GitHub Environment that requires an admin's approval before it runs.
+- **Promotion is manual**: run the **"Promote dev → main"** workflow
+  (`.github/workflows/promote.yml`) and it opens a PR from `dev` into `main`
+  with auto-merge enabled. With required reviews on `main`, a human approves
+  the PR; merging deploys prod (after the admin approval above).
+
+One-time setup:
+
+1. `pnpm run init:github` — creates a GitHub repo named after this project
+   (via the `gh` CLI; `-- --public` for a public repo), commits if needed,
+   pushes `main` + `dev`, makes `dev` the default branch, protects `main`
+   (PR + review + the `ci` check required), and creates a `production`
+   environment gated on your admin collaborators. Idempotent; `-- --dry-run`
+   previews. (Branch protection and environment reviewers need GitHub
+   Pro/Team on a private repo — the script prints the manual equivalent if
+   your plan doesn't support them.)
+2. `pnpm run init:hosting` — reads your Cloudflare account id (after
+   `npx wrangler login`) and sets the `CLOUDFLARE_ACCOUNT_ID` repo secret.
+   Idempotent; `-- --dry-run` previews.
+3. Create a Cloudflare API token (Workers edit —
+   <https://dash.cloudflare.com/profile/api-tokens>; tokens can't be created
+   via CLI) and `gh secret set CLOUDFLARE_API_TOKEN`. Optionally
+   `PROMOTE_TOKEN` (a PAT allowed to bypass protection) for hands-off
+   promotion. The first workflow runs fail until the secrets exist.
+
+`pnpm run deploy:dev` reproduces the dev deploy locally: it writes a
+gitignored `.wrangler.dev.json` with the worker renamed and any custom-domain
+route prefixed `dev.` (`scripts/dev-wrangler-config.mjs`), so it never
+touches the prod worker.
+
+## CI/deploy workflows
+
+`.github/workflows/{ci,deploy-dev,deploy-prod,promote}.yml` are thin callers
+of reusable workflows published by
+[`getvitops/design-system`](https://github.com/getvitops/design-system),
+pinned to `@v1`. A fix to the shared deploy logic there reaches this repo the
+next time those workflows run — no re-pasting needed. Bump the pin
+deliberately if you want to hold back a change.

package/templates/static/_gitignore

@@ -0,0 +1,24 @@
+# build output
+dist/
+
+# dependencies
+node_modules/
+
+# generated types
+.astro/
+
+# wrangler local state
+.wrangler/
+.wrangler.dev.json
+
+# generated by the vitops() integration on dev/build
+src/styles/
+public/vitops/
+
+# environment
+.env
+.env.*
+!.env.example
+
+# os / editor
+.DS_Store

package/templates/static/astro.config.mjs

@@ -0,0 +1,19 @@
+// @ts-check
+import vitops from '@getvitops/astro';
+import { defineConfig } from 'astro/config';
+
+export default defineConfig({
+  // Pure static output — deploys as Workers Static Assets (see
+  // wrangler.jsonc), no adapter and no server runtime.
+  output: 'static',
+  integrations: [
+    vitops({
+      css: {
+        input: 'design-system.json',
+        format: 'css',
+        out: 'src/styles',
+      },
+      webComponents: true,
+    }),
+  ],
+});

package/templates/static/design-system.json

@@ -0,0 +1,148 @@
+{
+  "$schema": "./node_modules/@getvitops/generator/schema.json",
+  "colors": {
+    "palette": {
+      "brand": { "seed": "#2e9b73" },
+      "ink": { "seed": "#3f4a5c" },
+      "sky": { "seed": "#2f7bc0" },
+      "sun": { "seed": "#d08a1f" },
+      "rose": { "seed": "#c74a42" }
+    },
+    "roles": {
+      "neutral": "ink",
+      "surface": "ink",
+      "ui-primary": "brand",
+      "brand-primary": "brand",
+      "info": "sky",
+      "success": "brand",
+      "warning": "sun",
+      "danger": "rose"
+    },
+    "utilities": ["bg", "text", "icon", "border"]
+  },
+  "shadows": {
+    "sm": "0 1px 2px rgb(0 0 0 / 0.08)",
+    "md": "0 4px 6px rgb(0 0 0 / 0.12)",
+    "lg": "0 10px 15px rgb(0 0 0 / 0.18)"
+  },
+  "fonts": {
+    "display": "system-ui, -apple-system, \"Segoe UI\", sans-serif",
+    "sans": "system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
+    "mono": "ui-monospace, \"SF Mono\", Menlo, monospace"
+  },
+  "typeScale": {
+    "base": "1rem",
+    "names": ["2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl"],
+    "baseStep": 4,
+    "baseline": "m",
+    "ratio": 1.2,
+    "fluid": { "minVw": "22.5rem", "maxVw": "80rem", "minRatio": 1.12 }
+  },
+  "spaceScale": {
+    "base": "1rem",
+    "names": ["2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl"],
+    "baseStep": 4,
+    "baseline": "m",
+    "ratio": 1.25,
+    "fluid": { "minVw": "22.5rem", "maxVw": "80rem", "minRatio": 1.2 }
+  },
+  "patterns": {
+    "defaults": {
+      "ds": "none",
+      "b": "1px solid var(--color-bg-surface-x-muted)",
+      "br": "0.375rem",
+      "p": "1rem",
+      "fs": "1rem"
+    },
+    "radii": { "circle": "50%" },
+    "groups": {
+      "control": {
+        "ds": "var(--ds-default)",
+        "b": "var(--b-default)",
+        "br": "var(--br-default)",
+        "p": "0.5em 1em",
+        "fs": "var(--fs-default)"
+      },
+      "panel": {
+        "ds": "var(--shadow-md)",
+        "b": "var(--b-default)",
+        "br": "0.5rem",
+        "p": "1rem",
+        "fs": "var(--fs-default)"
+      }
+    },
+    "z": { "raised": 1, "sticky": 100, "overlay": 200, "top": 1000 },
+    "items": {
+      "button": {
+        "group": "control",
+        "element": "button",
+        "default_role": "brand-primary",
+        "base": {
+          "padding": "0.6em 1.2em",
+          "border-radius": "var(--br-control, 0.25rem)",
+          "border": "none",
+          "font-weight": "600",
+          "color": "#fff",
+          "cursor": "pointer",
+          "box-shadow": "var(--shadow-sm)"
+        },
+        "states": {
+          "hover": { "step": 1 },
+          "active": { "scale": 0.97 },
+          "focus-visible": { "ring": true }
+        },
+        "roles": []
+      },
+      "card": {
+        "group": "panel",
+        "class": "card",
+        "base": {
+          "border-radius": "var(--br-card-group)",
+          "padding": "1.5rem",
+          "background": "var(--color-bg-surface-muted)",
+          "border": "var(--b-card-group)",
+          "box-shadow": "var(--ds-card-group)"
+        },
+        "states": {},
+        "roles": []
+      }
+    }
+  },
+  "typography": {
+    "families": {
+      "display": "var(--font-display)",
+      "sans": "var(--font-sans)",
+      "code": "var(--font-mono, ui-monospace, monospace)"
+    },
+    "roles": {
+      "display": {
+        "family": "display",
+        "size": "var(--text-3xl)",
+        "weight": 700,
+        "line-height": "1.05",
+        "tracking": "-0.03em"
+      },
+      "heading": {
+        "family": "display",
+        "size": "var(--text-xl)",
+        "weight": 600,
+        "line-height": "1.3"
+      },
+      "body": { "family": "sans", "size": "var(--text-m)", "weight": 400, "line-height": "1.55" }
+    },
+    "headings": { "h1": "display", "h2": "heading", "h3": "heading" }
+  },
+  "animations": {
+    "effects": {
+      "fade-in": { "kf": "composite", "vars": { "opacity-from": 0 } },
+      "slide-up": {
+        "kf": "composite",
+        "vars": { "translate-y-from": "var(--slide-distance, 2rem)" }
+      }
+    },
+    "journeys": {
+      "base": { "fade": { "opacity-from": 0 }, "slide": {} },
+      "compose": [["fade"], ["slide"], ["fade", "slide"]]
+    }
+  }
+}

package/templates/static/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "my-static-site",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "deploy": "astro build && wrangler deploy",
+    "deploy:dev": "astro build && node scripts/dev-wrangler-config.mjs && wrangler deploy --config .wrangler.dev.json",
+    "init:github": "node scripts/init-github.mjs",
+    "init:hosting": "node scripts/init-hosting.mjs",
+    "typecheck": "astro check",
+    "build:css": "vitops generate -i design-system.json -f css -o src/styles",
+    "lint:design": "vitops lint -i design-system.json -f css --strict",
+    "prepare": "vp config"
+  },
+  "dependencies": {
+    "@getvitops/astro": "latest",
+    "astro": "^7.1.2"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.7",
+    "@getvitops/cli": "latest",
+    "typescript": "^6.0.3",
+    "vite": "latest",
+    "vite-plus": "latest",
+    "wrangler": "^4.111.0"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": "24.18.0",
+      "onFail": "download"
+    }
+  },
+  "packageManager": "pnpm@11.17.0"
+}

package/templates/static/scripts/dev-wrangler-config.mjs

@@ -0,0 +1,28 @@
+// Local counterpart to the rewrite the CI dev-deploy workflow does: no adapter
+// regenerates this site's `wrangler.jsonc` (it's a pure static build — Workers
+// Static Assets, no server config to merge), so the checked-in file already
+// IS the deploy config. This just suffixes the worker name and any
+// custom-domain route so a local `pnpm run deploy:dev` never touches the prod
+// worker, writing the result to a gitignored file rather than editing
+// wrangler.jsonc in place.
+//
+//   pnpm run deploy:dev   → astro build && node scripts/dev-wrangler-config.mjs
+//                           && wrangler deploy --config .wrangler.dev.json
+
+import { readFileSync, writeFileSync } from 'node:fs';
+
+const SRC = 'wrangler.jsonc';
+const OUT = '.wrangler.dev.json';
+
+const raw = readFileSync(SRC, 'utf8')
+  .replace(/\/\/.*$/gm, '')
+  .replace(/,(\s*[}\]])/g, '$1');
+const cfg = JSON.parse(raw);
+
+cfg.name = `${cfg.name}-dev`;
+cfg.routes = (cfg.routes ?? []).map((r) =>
+  r?.pattern ? { ...r, pattern: `dev.${r.pattern}` } : r,
+);
+
+writeFileSync(OUT, `${JSON.stringify(cfg, null, 2)}\n`);
+console.log(`Wrote ${OUT}\n  name: ${cfg.name}\n  routes: ${JSON.stringify(cfg.routes)}`);