build: migrate from npm to pnpm

Ten git worktrees each carried their own 225 MB node_modules (1.1 GB across
five) and paid 11s per `npm ci`. pnpm hardlinks from a shared store: the same
five worktrees cost ~250 MB total, and a fresh install is 4s.

What changed beyond the mechanical rename:

- `overrides` moved to `pnpm-workspace.yaml`. pnpm 11 does not read the `pnpm`
  field in package.json *or* npm's top-level `overrides`, and it fails silently
  — the vite/defu/language-server pins would have quietly stopped applying.
- Build scripts are blocked by default in pnpm; esbuild and sharp are allowed
  explicitly via `allowBuilds` (renamed from `onlyBuiltDependencies` in 11).
- `packageManager` + `engines` pin the toolchain.
- gate.sh rejects a package-lock.json/yarn.lock/bun.lock outright, so an agent
  running `npm install` out of habit fails loudly instead of building a second,
  divergent dependency tree.
- CI bootstraps pnpm with `npm install --global pnpm@11.25.0` rather than
  corepack (unbundled as of Node 25) or pnpm/action-setup (this self-hosted
  act-runner has never run a job; fetching a third-party action is not
  something to discover on the first one).

Two pre-existing CI bugs fixed while in the file:

- the gate installed with `npm install --package-lock=false`, which discarded
  the lockfile the previous session had just fixed.
- the visual-regression step imported `playwright`, which is not a dependency,
  and `visual-regression.mjs` has no compare mode anyway — in CI it overwrote
  its own baselines and passed unconditionally. Removed with a comment; it
  comes back when it can diff.

The `publish` job is now manual (`workflow_dispatch`). During the migration
dist/ holds three HTML files against the live pages branch's ten, so publishing
on every push to main would take the site down to a stub. Restore at task 20.

HANDOVER.md's incident log still says npm where it describes what happened at
the time; that is history, not a missed rename.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Marcos Paulo
2026-09-05 04:29:42 +00:00
parent 63da0a4727
commit 48c31dc1b3
53 changed files with 5958 additions and 9642 deletions
+37 -36
View File
@@ -6,30 +6,30 @@ merged into anything.
## Where the work is
| Branch | Head | Worktree | Gate |
| --- | --- | --- | --- |
| `main` | `a45aa84` | `~/Projects/ai-for-dummies` | n/a |
| `refactor/task-01-scaffold` | `71021e6` | `~/Projects/af-task-01` | passed |
| `refactor/task-02-tokens` | `c9ec9e3` | `~/Projects/af-task-02` | passed |
| `refactor/task-03-verification-net` | `2e79aac` | `~/Projects/af-task-03` | passed |
| `refactor/task-04-content-schema` | `b554f87` | `~/Projects/af-task-04` | **not run** |
| Branch | Head | Worktree | Gate |
| ----------------------------------- | --------- | --------------------------- | ----------- |
| `main` | `a45aa84` | `~/Projects/ai-for-dummies` | n/a |
| `refactor/task-01-scaffold` | `71021e6` | `~/Projects/af-task-01` | passed |
| `refactor/task-02-tokens` | `c9ec9e3` | `~/Projects/af-task-02` | passed |
| `refactor/task-03-verification-net` | `2e79aac` | `~/Projects/af-task-03` | passed |
| `refactor/task-04-content-schema` | `b554f87` | `~/Projects/af-task-04` | **not run** |
02, 03 and 04 all branch from `refactor/task-01-scaffold`, not from `main`.
Task 01 must merge to `main` first, then the other three.
02, 03 and 04 all branch from `refactor/task-01-scaffold`, not from `main`. Task
01 must merge to `main` first, then the other three.
## What each task actually produced
**01 — scaffold (Codex).** Astro 5.5 with `base: '/ai-for-dummies'`, strict TS,
`BaseLayout.astro`, `summary.astro` as the single smoke page, lint/format/husky
configs, `.gitea/workflows/`, rewritten publishing section in
`docs/operations-guide.md`, `hands-on/` copied verbatim into `public/`.
Build passes, gate passes, hooks verified live, 42/42 assertions intact.
`docs/operations-guide.md`, `hands-on/` copied verbatim into `public/`. Build
passes, gate passes, hooks verified live, 42/42 assertions intact.
**02 — tokens (Gemini).** `src/styles/tokens.css` and `src/styles/base.css`
only — 43 lines. It did **not** touch the legacy CSS, deliberately: rewriting
**02 — tokens (Gemini).** `src/styles/tokens.css` and `src/styles/base.css` only
— 43 lines. It did **not** touch the legacy CSS, deliberately: rewriting
`styles.css` would break `verify.mjs`'s exact-string assertions. So the three
drifting palettes are now resolved *in the new token layer*, while the live
site still runs on the old values. That is the correct scope, but it means the
drifting palettes are now resolved _in the new token layer_, while the live site
still runs on the old values. That is the correct scope, but it means the
consolidation is not proven visually yet.
**03 — verification net (Codex).** `.agents/scripts/visual-regression.mjs`,
@@ -38,15 +38,15 @@ rendered-text snapshots for all 10 routes, and PNG baselines at 4 widths in
purpose — they are the regression baseline).
**04 — content schema (MiniMax).** `src/content/config.ts` with eight empty
collections and a strict `localized({en, pt})` helper. No content moved; that
is tasks 05 and 06.
collections and a strict `localized({en, pt})` helper. No content moved; that is
tasks 05 and 06.
## Things I fixed that the plan got wrong
- `AGENTS.md` listed `package-lock.json` under **Never touch**, meaning never
hand-edit. Task 01 read it as never create and shipped with
`--package-lock=false`. `npm ci` — which is how every worktree spins up
cannot work without it. Wording corrected; lockfile committed.
`--package-lock=false`. `npm ci` — which is how every worktree spun up at the
time — cannot work without it. Wording corrected; lockfile committed.
- The first lockfile was reconstructed from a `node_modules` installed without
one, so its entries had no `resolved`/`integrity` and `npm ci` failed with
`ETARGET tinyglobby@0.2.17`. Regenerated from a clean install.
@@ -62,17 +62,17 @@ is tasks 05 and 06.
- **Task 03 went outside its brief.** It rewrote `scripts/audit-ui.mjs` to ban
external CSS dependencies — a sound check that the pre-existing malformed
`@font-face` in `styles.css` violates, so it left the gate red for every
downstream task. Reverted in `2e79aac`; the snapshot net was kept. **The
check should come back once the font decision is made.**
- **Task 03 rebased instead of branching**, flattening task 01's merge into
four duplicate commits with new SHAs — the same divergent-history trap that
broke the `pages` branch. Replayed onto the proper base; task 01 is an
ancestor again. Worth adding to `.agents/rules/git-worktrees.md`: **never
rebase a task branch onto anything.**
downstream task. Reverted in `2e79aac`; the snapshot net was kept. **The check
should come back once the font decision is made.**
- **Task 03 rebased instead of branching**, flattening task 01's merge into four
duplicate commits with new SHAs — the same divergent-history trap that broke
the `pages` branch. Replayed onto the proper base; task 01 is an ancestor
again. Worth adding to `.agents/rules/git-worktrees.md`: **never rebase a task
branch onto anything.**
- **Task 02 left 29 MB of screenshots in `~/Projects/af-task-02/before/`** —
untracked, and in the wrong place (`.agents/snapshots/` is the right one).
Its report claims the screenshot box is unticked while the files exist.
Delete them or move them; do not commit them where they are.
untracked, and in the wrong place (`.agents/snapshots/` is the right one). Its
report claims the screenshot box is unticked while the files exist. Delete
them or move them; do not commit them where they are.
## Still open from task 01's own report
@@ -84,15 +84,16 @@ is tasks 05 and 06.
## The decision that is still yours
`styles.css:1` has an `@font-face` whose `src:` points at a Google Fonts
*stylesheet*, not a font file. Manrope and DM Mono have therefore never
_stylesheet_, not a font file. Manrope and DM Mono have therefore never
rendered; the site has always been Arial and generic monospace. Self-hosting
them during the migration would silently redesign the site. Task 02 defaulted
to matching what renders today. Decide explicitly, then task 19 can restore the
them during the migration would silently redesign the site. Task 02 defaulted to
matching what renders today. Decide explicitly, then task 19 can restore the
external-CSS assertion. See `.agents/context/design-system.md`.
## Next steps, in order
1. Verify task 04: `cd ~/Projects/af-task-04 && npm ci --prefer-offline && npm run gate`
1. Verify task 04:
`cd ~/Projects/af-task-04 && pnpm install --frozen-lockfile && pnpm run gate`
2. Review the four diffs against `.agents/checklists/before-merge.md`. Use a
different model than the one that wrote each — `MODEL-ROUTING.md` says never
review with the author.
@@ -112,9 +113,9 @@ external-CSS assertion. See `.agents/context/design-system.md`.
`.agents/scripts/launch.sh <nn> <slug> [--base ref] [--cli codex|agy|mm] [--fg]`
Routing is automatic: Codex for 01/03/15/16/19, `agy` (Gemini 3.1 Pro) for
02/18, `mm` (Claude Code against MiniMax-M3) for the rest. All three launch
with permission prompts disabled, because a blocked edit in an unattended run
just hangs. Logs land in `.agents/logs/` (gitignored).
02/18, `mm` (Claude Code against MiniMax-M3) for the rest. All three launch with
permission prompts disabled, because a blocked edit in an unattended run just
hangs. Logs land in `.agents/logs/` (gitignored).
**Task 07 is the routing calibration point.** It is small and easy to judge.
Check it before committing to MiniMax for the other twelve.
+41 -39
View File
@@ -8,27 +8,28 @@ adding a chapter is a component and a content entry rather than a copy-pasted
file — **without changing how the site looks, what it says, or what it costs a
visitor to load.**
**Session state: see [`HANDOVER.md`](HANDOVER.md).** Phase 0 is done and
green on four branches; nothing is merged or pushed.
**Session state: see [`HANDOVER.md`](HANDOVER.md).** Phase 0 is done and green
on four branches; nothing is merged or pushed.
## Read before starting anything
| File | Why |
| --- | --- |
| [`../../AGENTS.md`](../../AGENTS.md) | entry point |
| [`../../.agents/context/design-system.md`](../../.agents/context/design-system.md) | three drifting palettes, a font that has never rendered |
| [`../../.agents/context/verification.md`](../../.agents/context/verification.md) | 42 assertions that will all break, and must not be deleted |
| [`../../.agents/context/publishing.md`](../../.agents/context/publishing.md) | Gitea Pages serves a branch and cannot build |
| File | Why |
| ---------------------------------------------------------------------------------- | ---------------------------------------------------------- |
| [`../../AGENTS.md`](../../AGENTS.md) | entry point |
| [`../../.agents/context/design-system.md`](../../.agents/context/design-system.md) | three drifting palettes, a font that has never rendered |
| [`../../.agents/context/verification.md`](../../.agents/context/verification.md) | 42 assertions that will all break, and must not be deleted |
| [`../../.agents/context/publishing.md`](../../.agents/context/publishing.md) | Gitea Pages serves a branch and cannot build |
## The three things most likely to go wrong
1. **Content loss that nobody notices.** 50 KB of bilingual copy moves between
files. Snapshot every route *before* migrating it — task 03 exists to make
files. Snapshot every route _before_ migrating it — task 03 exists to make
that possible and blocks all page work.
2. **Assertions deleted to make a red suite green.** That converts a content-loss
bug into a passing build. `gate.sh` refuses a coverage drop.
2. **Assertions deleted to make a red suite green.** That converts a
content-loss bug into a passing build. `gate.sh` refuses a coverage drop.
3. **Base-path bugs.** The site lives at `/ai-for-dummies/`. It will work
perfectly in `npm run preview` and 404 in production. Verify on the real host.
perfectly in `pnpm run preview` and 404 in production. Verify on the real
host.
## Phases
@@ -40,28 +41,28 @@ Phase 3 pages 12 ∥ 13 ∥ 14 ∥ 17, then 15 ∥ 16
Phase 4 polish 18 ∥ 19, then 20
```
| # | Task | Agent | Depends on | Parallel with |
| --- | --- | --- | --- | --- |
| 01 | [scaffold + gates](task-01-scaffold.md) | astro-architect | — | — |
| 02 | [design tokens](task-02-tokens.md) | design-system-keeper | 01 | 03, 04 |
| 03 | [verification net](task-03-verification-net.md) | verification-engineer | 01 | 02, 04 |
| 04 | [content schema](task-04-content-schema.md) | content-i18n-migrator | 01 | 02, 03 |
| 05 | [guide content](task-05-content-guide.md) | content-i18n-migrator | 04 | 06 |
| 06 | [review-desk content](task-06-content-review.md) | content-i18n-migrator | 04 | 05 |
| 07 | [primitives](task-07-primitives.md) | component-builder | 02 | — |
| 08 | [route cards](task-08-route-cards.md) | component-builder | 07 | 09, 10, 11 |
| 09 | [chapter blocks](task-09-chapter-blocks.md) | component-builder | 07 | 08, 10, 11 |
| 10 | [guide blocks](task-10-guide-blocks.md) | component-builder | 07 | 08, 09, 11 |
| 11 | [review-desk blocks](task-11-review-blocks.md) | component-builder | 07 | 08, 09, 10 |
| 12 | [landing page](task-12-page-landing.md) | page-migrator | 03, 08 | 13, 14, 17 |
| 13 | [chapter pages ×4](task-13-page-chapters.md) | page-migrator | 03, 09 | 12, 14, 17 |
| 14 | [rules page](task-14-page-rules.md) | page-migrator | 03, 09 | 12, 13, 17 |
| 15 | [full guide](task-15-page-full-guide.md) | page-migrator | 05, 10, 13 | 16 |
| 16 | [review desk](task-16-page-review-desk.md) | page-migrator | 06, 11, 13 | 15 |
| 17 | [hands-on passthrough](task-17-hands-on.md) | astro-architect | 01 | 12, 13, 14 |
| 18 | [motion pass](task-18-motion.md) | motion-designer | 15, 16 | 19 |
| 19 | [contract re-point](task-19-verify-repoint.md) | verification-engineer | 15, 16 | 18 |
| 20 | [cutover + cleanup](task-20-cutover.md) | astro-architect | all | — |
| # | Task | Agent | Depends on | Parallel with |
| --- | ------------------------------------------------ | --------------------- | ---------- | ------------- |
| 01 | [scaffold + gates](task-01-scaffold.md) | astro-architect | — | — |
| 02 | [design tokens](task-02-tokens.md) | design-system-keeper | 01 | 03, 04 |
| 03 | [verification net](task-03-verification-net.md) | verification-engineer | 01 | 02, 04 |
| 04 | [content schema](task-04-content-schema.md) | content-i18n-migrator | 01 | 02, 03 |
| 05 | [guide content](task-05-content-guide.md) | content-i18n-migrator | 04 | 06 |
| 06 | [review-desk content](task-06-content-review.md) | content-i18n-migrator | 04 | 05 |
| 07 | [primitives](task-07-primitives.md) | component-builder | 02 | — |
| 08 | [route cards](task-08-route-cards.md) | component-builder | 07 | 09, 10, 11 |
| 09 | [chapter blocks](task-09-chapter-blocks.md) | component-builder | 07 | 08, 10, 11 |
| 10 | [guide blocks](task-10-guide-blocks.md) | component-builder | 07 | 08, 09, 11 |
| 11 | [review-desk blocks](task-11-review-blocks.md) | component-builder | 07 | 08, 09, 10 |
| 12 | [landing page](task-12-page-landing.md) | page-migrator | 03, 08 | 13, 14, 17 |
| 13 | [chapter pages ×4](task-13-page-chapters.md) | page-migrator | 03, 09 | 12, 14, 17 |
| 14 | [rules page](task-14-page-rules.md) | page-migrator | 03, 09 | 12, 13, 17 |
| 15 | [full guide](task-15-page-full-guide.md) | page-migrator | 05, 10, 13 | 16 |
| 16 | [review desk](task-16-page-review-desk.md) | page-migrator | 06, 11, 13 | 15 |
| 17 | [hands-on passthrough](task-17-hands-on.md) | astro-architect | 01 | 12, 13, 14 |
| 18 | [motion pass](task-18-motion.md) | motion-designer | 15, 16 | 19 |
| 19 | [contract re-point](task-19-verify-repoint.md) | verification-engineer | 15, 16 | 18 |
| 20 | [cutover + cleanup](task-20-cutover.md) | astro-architect | all | — |
Widest parallelism: **four agents** (tasks 0811, then 12/13/14/17). More than
that and they start contending on review capacity, not on files.
@@ -75,14 +76,14 @@ cd ../af-task-08
# .agents/agents/component-builder.md (+ the skills it names)
```
The script runs `npm ci` and `verify-hooks.sh` for you. That matters: `.husky/_`
is generated, not committed, so a hand-made worktree has hooks configured but
**silently not running**.
The script runs `pnpm install --frozen-lockfile` and `verify-hooks.sh` for you.
That matters: `.husky/_` is generated, not committed, so a hand-made worktree
has hooks configured but **silently not running**.
Finishing:
```bash
npm run gate # tier 2, same as pre-push
pnpm run gate # tier 2, same as pre-push
# reviewer agent reads the diff against .agents/checklists/before-merge.md
.agents/scripts/worktree.sh finish 08 route-cards
```
@@ -94,4 +95,5 @@ See [`MODEL-ROUTING.md`](MODEL-ROUTING.md).
## These files must be committed
Worktrees check out tracked files. If this plan stays untracked, every worktree
you create will be missing it. Commit `plans/` and `.agents/` before fanning out.
you create will be missing it. Commit `plans/` and `.agents/` before fanning
out.
+18 -14
View File
@@ -1,7 +1,8 @@
# Task 01 — Astro scaffold, gates, and the publishing decision
**Agent**: `astro-architect` · **Model**: Codex · **Depends on**: nothing
**Blocks**: everything · **Worktree**: `.agents/scripts/worktree.sh start 01 scaffold`
**Blocks**: everything · **Worktree**:
`.agents/scripts/worktree.sh start 01 scaffold`
## Goal
@@ -10,16 +11,16 @@ host under `/ai-for-dummies/`, and has all three gate tiers live.
## Scope
`astro.config.mjs`, `package.json`, `tsconfig.json`, `src/layouts/BaseLayout.astro`,
`.husky/`, `.lintstagedrc.json`, lint configs, `.gitea/workflows/verify.yml`,
`docs/operations-guide.md`.
`astro.config.mjs`, `package.json`, `tsconfig.json`,
`src/layouts/BaseLayout.astro`, `.husky/`, `.lintstagedrc.json`, lint configs,
`.gitea/workflows/verify.yml`, `docs/operations-guide.md`.
Copy the configs from `.agents/templates/config/` — they are written for this
project (correct ignores for `hands-on/`, `submitted-skills/`, `vote-service/`).
## Steps
1. `npm create astro@latest` into the worktree — minimal template, TypeScript
1. `pnpm create astro@latest` into the worktree — minimal template, TypeScript
strict, **no UI framework, no CSS framework**.
2. Set `base: '/ai-for-dummies'`. Every internal link goes through
`import.meta.env.BASE_URL` from here on.
@@ -28,22 +29,25 @@ project (correct ignores for `hands-on/`, `submitted-skills/`, `vote-service/`).
4. Merge `.agents/templates/config/package.scripts.json` into `package.json`.
**`"prepare": "husky"` is what makes hooks exist** — without it every hook is
inert.
5. `npm install husky lint-staged prettier eslint stylelint …`, then `npx husky init`.
5. `pnpm install husky lint-staged prettier eslint stylelint …`, then
`pnpm exec husky init`.
6. Copy the three hooks and the lint configs into place. Verify with
`.agents/scripts/verify-hooks.sh`.
7. Migrate **one** page (`summary/` — smallest, zero JS) as a smoke test.
8. Copy `hands-on/` into `public/` (task 17 does this properly; a stub is fine here).
9. **Make the publishing decision** per `.agents/context/publishing.md`. Recommended:
Gitea Actions builds `dist/` and pushes `pages`. Copy
8. Copy `hands-on/` into `public/` (task 17 does this properly; a stub is fine
here).
9. **Make the publishing decision** per `.agents/context/publishing.md`.
Recommended: Gitea Actions builds `dist/` and pushes `pages`. Copy
`.agents/templates/config/gitea-ci.yaml` to `.gitea/workflows/verify.yml`.
10. Rewrite the publishing section of `docs/operations-guide.md` to match.
## Done when
- [ ] `npm run build` succeeds; `npm run gate` passes
- [ ] `pnpm run build` succeeds; `pnpm run gate` passes
- [ ] `.agents/scripts/verify-hooks.sh` reports hooks live
- [ ] A bad commit message is rejected; a raw hex in a `.astro` file is rejected
- [ ] `/ai-for-dummies/summary/` serves correctly **from the real host**, not just preview
- [ ] `/ai-for-dummies/summary/` serves correctly **from the real host**, not
just preview
- [ ] `docs/operations-guide.md` describes the actual publishing path
## Do not
@@ -54,6 +58,6 @@ project (correct ignores for `hands-on/`, `submitted-skills/`, `vote-service/`).
## Watch for
The base path is the #1 production-only failure in this migration. `npm run
preview` will lie to you. Deploy the smoke-test page and curl it with a
`?v=<sha>` cache-buster.
The base path is the #1 production-only failure in this migration.
`pnpm run preview` will lie to you. Deploy the smoke-test page and curl it with
a `?v=<sha>` cache-buster.
@@ -1,8 +1,8 @@
# Task 03 — Verification net
**Agent**: `verification-engineer` · **Model**: Codex
**Depends on**: 01 · **Parallel with**: 02, 04 · **Blocks**: 1216
**Worktree**: `.agents/scripts/worktree.sh start 03 verification-net`
**Agent**: `verification-engineer` · **Model**: Codex **Depends on**: 01 ·
**Parallel with**: 02, 04 · **Blocks**: 1216 **Worktree**:
`.agents/scripts/worktree.sh start 03 verification-net`
## Goal
@@ -14,11 +14,12 @@ This task is on the critical path. Do it early.
## Scope
`.agents/snapshots/`, `scripts/audit-ui.mjs`, `.agents/scripts/visual-regression.mjs`.
`.agents/snapshots/`, `scripts/audit-ui.mjs`,
`.agents/scripts/visual-regression.mjs`.
## Steps
1. `npm run serve` against the **current, unmigrated** site.
1. `pnpm run serve` against the **current, unmigrated** site.
2. Snapshot all ten routes:
```bash
for r in "" full-guide summary models agents skills rules skills-review \
@@ -38,10 +39,12 @@ This task is on the critical path. Do it early.
## Done when
- [ ] Ten committed snapshots, each non-empty and containing that page's real prose
- [ ] Ten committed snapshots, each non-empty and containing that page's real
prose
- [ ] `visual-regression.mjs` captures 10 routes × 4 widths
- [ ] Extended `audit-ui.mjs` **fails** on today's `styles.css` (prove it catches the real bug), then the dead rule is removed by task 02
- [ ] `npm run gate` green
- [ ] Extended `audit-ui.mjs` **fails** on today's `styles.css` (prove it
catches the real bug), then the dead rule is removed by task 02
- [ ] `pnpm run gate` green
## Do not
+4 -4
View File
@@ -1,9 +1,9 @@
# Task 07 — Primitives
**Agent**: `component-builder` · **Model**: MiniMax-M3 — **use this task to
calibrate the model routing before fanning out**
**Depends on**: 02 · **Blocks**: 0811
**Worktree**: `.agents/scripts/worktree.sh start 07 primitives`
calibrate the model routing before fanning out** **Depends on**: 02 ·
**Blocks**: 0811 **Worktree**:
`.agents/scripts/worktree.sh start 07 primitives`
## Goal
@@ -36,7 +36,7 @@ you have found two components, not one.
- [ ] `.agents/checklists/before-component.md` complete for all four
- [ ] Rendered output visually identical to the CSS classes they replace
- [ ] `npm run gate` green
- [ ] `pnpm run gate` green
- [ ] **Routing note written**: how many iterations, what the model got wrong.
This decides whether 0811 run on M3 or move to Codex.
+6 -5
View File
@@ -1,8 +1,8 @@
# Task 08 — Route cards and grid group
**Agent**: `component-builder` · **Model**: MiniMax-M3
**Depends on**: 07 · **Parallel with**: 09, 10, 11 · **Blocks**: 12
**Worktree**: `.agents/scripts/worktree.sh start 08 route-cards`
**Agent**: `component-builder` · **Model**: MiniMax-M3 **Depends on**: 07 ·
**Parallel with**: 09, 10, 11 · **Blocks**: 12 **Worktree**:
`.agents/scripts/worktree.sh start 08 route-cards`
## Goal
@@ -10,7 +10,8 @@ The landing page's six chapter cards become one component over data.
## Scope
`src/components/blocks/RouteCard.astro`, `src/components/blocks/GridGroup.astro`.
`src/components/blocks/RouteCard.astro`,
`src/components/blocks/GridGroup.astro`.
## Source
@@ -30,7 +31,7 @@ title, summary, and href. Textbook extraction. Styles in `landing.css` +
- [ ] Six cards render identically to `index.html` today
- [ ] Screenshots at 560/800/1100/1600 match
- [ ] Zero JS
- [ ] `.agents/checklists/before-component.md` complete; `npm run gate` green
- [ ] `.agents/checklists/before-component.md` complete; `pnpm run gate` green
## Do not
@@ -1,8 +1,8 @@
# Task 09 — Chapter blocks
**Agent**: `component-builder` · **Model**: MiniMax-M3
**Depends on**: 07 · **Parallel with**: 08, 10, 11 · **Blocks**: 13, 14
**Worktree**: `.agents/scripts/worktree.sh start 09 chapter-blocks`
**Agent**: `component-builder` · **Model**: MiniMax-M3 **Depends on**: 07 ·
**Parallel with**: 08, 10, 11 · **Blocks**: 13, 14 **Worktree**:
`.agents/scripts/worktree.sh start 09 chapter-blocks`
## Goal
@@ -23,8 +23,8 @@ is the component.
## Watch for
- `TopBar` carries `aria-current="page"`. Preserve it; it is the only
indication of location for assistive tech.
- `TopBar` carries `aria-current="page"`. Preserve it; it is the only indication
of location for assistive tech.
- The tables in `/models/` and `/rules/` scroll horizontally on narrow screens
(`overflow-x:auto`, `min-width` on the inner element). Keep that — dropping it
makes the tables unreadable on a phone, and `audit-ui.mjs` asserts related
@@ -35,4 +35,4 @@ is the component.
- [ ] All five pages' markup expressible with these components
- [ ] Rendered text identical to current pages
- [ ] Zero JS
- [ ] Checklist complete; `npm run gate` green
- [ ] Checklist complete; `pnpm run gate` green
+6 -5
View File
@@ -1,8 +1,8 @@
# Task 10 — Full-guide blocks
**Agent**: `component-builder` · **Model**: MiniMax-M3
**Depends on**: 07 · **Parallel with**: 08, 09, 11 · **Blocks**: 15
**Worktree**: `.agents/scripts/worktree.sh start 10 guide-blocks`
**Agent**: `component-builder` · **Model**: MiniMax-M3 **Depends on**: 07 ·
**Parallel with**: 08, 09, 11 · **Blocks**: 15 **Worktree**:
`.agents/scripts/worktree.sh start 10 guide-blocks`
## Goal
@@ -25,7 +25,8 @@ Task 15 wires the interactivity.
`data-tree="main|ui"`, `data-worker="ui"`, `data-route="plan"`,
`data-model-provider="openai|claude|gemini"`, `data-effort="low|medium|high"`,
`data-skill-file="skill"`, `data-skill-step="observe|validate"`,
`data-common-skill="ponytail|caveman|unlazy"`, `role="tablist"`, `id="hands-on"`.
`data-common-skill="ponytail|caveman|unlazy"`, `role="tablist"`,
`id="hands-on"`.
Each is a real feature hook, not decoration. Losing one is losing a feature.
@@ -41,4 +42,4 @@ screenshots agree.
- [ ] Every `data-*` hook above present in rendered output
- [ ] Components take props and render static markup; **no `client:*` yet**
- [ ] Screenshots match the current guide at four widths
- [ ] Checklist complete; `npm run gate` green
- [ ] Checklist complete; `pnpm run gate` green
@@ -1,8 +1,8 @@
# Task 11 — Review-desk blocks
**Agent**: `component-builder` · **Model**: MiniMax-M3
**Depends on**: 07 · **Parallel with**: 08, 09, 10 · **Blocks**: 16
**Worktree**: `.agents/scripts/worktree.sh start 11 review-blocks`
**Agent**: `component-builder` · **Model**: MiniMax-M3 **Depends on**: 07 ·
**Parallel with**: 08, 09, 10 · **Blocks**: 16 **Worktree**:
`.agents/scripts/worktree.sh start 11 review-blocks`
## Goal
@@ -46,4 +46,4 @@ assistive tech. Colour alone is not enough. It is also asserted.
- [ ] All listed CSS hooks present
- [ ] `aria-pressed`, `role="group"`, `aria-label` preserved
- [ ] Static render matches current desk at four widths
- [ ] Checklist complete; `npm run gate` green
- [ ] Checklist complete; `pnpm run gate` green
+4 -4
View File
@@ -1,8 +1,8 @@
# Task 12 — Landing page
**Agent**: `page-migrator` · **Model**: MiniMax-M3
**Depends on**: 03, 08 · **Parallel with**: 13, 14, 17
**Worktree**: `.agents/scripts/worktree.sh start 12 page-landing`
**Agent**: `page-migrator` · **Model**: MiniMax-M3 **Depends on**: 03, 08 ·
**Parallel with**: 13, 14, 17 **Worktree**:
`.agents/scripts/worktree.sh start 12 page-landing`
## Goal
@@ -27,4 +27,4 @@ Snapshot first (task 03 baseline exists — diff against it). Then compose from
- [ ] `diff .agents/snapshots/index.txt <(snapshot of dist)` empty
- [ ] Screenshots match at four widths
- [ ] Built page ships **0 bytes** of JS
- [ ] `.agents/checklists/before-page.md` complete; `npm run gate` green
- [ ] `.agents/checklists/before-page.md` complete; `pnpm run gate` green
@@ -1,8 +1,8 @@
# Task 13 — Chapter pages ×4
**Agent**: `page-migrator` · **Model**: MiniMax-M3
**Depends on**: 03, 09 · **Parallel with**: 12, 14, 17 · **Blocks**: 15, 16
**Worktree**: `.agents/scripts/worktree.sh start 13 page-chapters`
**Agent**: `page-migrator` · **Model**: MiniMax-M3 **Depends on**: 03, 09 ·
**Parallel with**: 12, 14, 17 · **Blocks**: 15, 16 **Worktree**:
`.agents/scripts/worktree.sh start 13 page-chapters`
## Goal
@@ -25,7 +25,7 @@ Blocks 15 and 16 because those pages link here and share the layout.
- [ ] Four snapshot diffs empty
- [ ] Three pages ship 0 bytes JS; `/skills/` ships only its island
- [ ] Screenshots match at four widths
- [ ] Checklist complete for each page; `npm run gate` green
- [ ] Checklist complete for each page; `pnpm run gate` green
## Do not
+5 -5
View File
@@ -1,8 +1,8 @@
# Task 14 — Rules page
**Agent**: `page-migrator` · **Model**: MiniMax-M3
**Depends on**: 03, 09 · **Parallel with**: 12, 13, 17
**Worktree**: `.agents/scripts/worktree.sh start 14 page-rules`
**Agent**: `page-migrator` · **Model**: MiniMax-M3 **Depends on**: 03, 09 ·
**Parallel with**: 12, 13, 17 **Worktree**:
`.agents/scripts/worktree.sh start 14 page-rules`
## Goal
@@ -24,10 +24,10 @@ deleted. Screenshot at the old widths (900, 600, 2200) to prove equivalence.
## Watch for
`rules/styles.css` shares `--accent` and `--deep` with `styles.css` — it is on
the *first* palette. Confirm task 02 canonicalized it the same way.
the _first_ palette. Confirm task 02 canonicalized it the same way.
## Done when
- [ ] Snapshot diff empty; bilingual toggle works, `<html lang>` follows
- [ ] Responsive behaviour identical at 600/900/2200
- [ ] No external dependency; checklist complete; `npm run gate` green
- [ ] No external dependency; checklist complete; `pnpm run gate` green
+16 -14
View File
@@ -1,8 +1,8 @@
# Task 15 — Full guide
**Agent**: `page-migrator` · **Model**: **Codex** — hardest task in the plan
**Depends on**: 05, 10, 13 · **Parallel with**: 16
**Worktree**: `.agents/scripts/worktree.sh start 15 page-full-guide`
**Depends on**: 05, 10, 13 · **Parallel with**: 16 **Worktree**:
`.agents/scripts/worktree.sh start 15 page-full-guide`
## Goal
@@ -20,22 +20,23 @@ toggle.
Only these hydrate. Everything else is server-rendered.
| Island | Directive | Why |
| --- | --- | --- |
| Phase tabs | `client:visible` | click-driven panel swap |
| Island | Directive | Why |
| -------------------------------------------------------- | ---------------- | -------------------------------------------------- |
| Phase tabs | `client:visible` | click-driven panel swap |
| Tree / worker / route / model / effort / skill selectors | `client:visible` | same pattern; consider one generic selector island |
| Language toggle | `client:idle` | page-wide, not urgent |
| Copy-prompt buttons | `client:visible` | clipboard |
| Language toggle | `client:idle` | page-wide, not urgent |
| Copy-prompt buttons | `client:visible` | clipboard |
If you end up with 12 separate islands you have missed the pattern — they are
one selector component with different data.
## Asserted by verify.mjs — all must survive
`const phases`, `const handsOnPrompts`, `const modelGuide`, `const skillSources`,
`const skillInstallPrompts`, `render('plan')`, `renderTree`, `renderWorker`,
`renderRoute`, `renderModelProvider`, `renderEffort`, `renderSkillFile`,
`renderSkillWorkflow`, `renderCommonSkill`, `renderHandsOn`, `copyPrompt`.
`const phases`, `const handsOnPrompts`, `const modelGuide`,
`const skillSources`, `const skillInstallPrompts`, `render('plan')`,
`renderTree`, `renderWorker`, `renderRoute`, `renderModelProvider`,
`renderEffort`, `renderSkillFile`, `renderSkillWorkflow`, `renderCommonSkill`,
`renderHandsOn`, `copyPrompt`.
These are **implementation-detail assertions** — they look deletable and are
not. Each pins a feature. Coordinate with task 19 to replace each with an
@@ -48,8 +49,8 @@ Also: `data-copy-target="prompt-install-skills|prompt-basic|prompt-skills"`,
- `copyPrompt` uses `navigator.clipboard` with a `document.execCommand`
fallback. Keep both — the fallback exists for non-secure contexts.
- The hands-on prompt strings are copy-pasted by attendees into an agent.
Exact whitespace and line breaks matter.
- The hands-on prompt strings are copy-pasted by attendees into an agent. Exact
whitespace and line breaks matter.
- `responsive.css` (30 KB) mostly serves this page. Port what is needed, prove
the rest dead, delete it. Screenshots are the proof.
@@ -59,4 +60,5 @@ Also: `data-copy-target="prompt-install-skills|prompt-basic|prompt-skills"`,
- [ ] Every interaction works: all tabs, both languages, all copy buttons
- [ ] Keyboard: arrow keys move between tabs; focus visible throughout
- [ ] JS payload **smaller** than today's 50 KB (content is now static)
- [ ] Screenshots match at four widths; checklist complete; `npm run gate` green
- [ ] Screenshots match at four widths; checklist complete; `pnpm run gate`
green
@@ -1,14 +1,14 @@
# Task 16 — Review desk
**Agent**: `page-migrator` · **Model**: **Codex** — highest defect risk
**Depends on**: 06, 11, 13 · **Parallel with**: 15
**Worktree**: `.agents/scripts/worktree.sh start 16 page-review-desk`
**Depends on**: 06, 11, 13 · **Parallel with**: 15 **Worktree**:
`.agents/scripts/worktree.sh start 16 page-review-desk`
## Goal
`/skills-review/` → Astro. The most interactive page: search, filtering,
lazy file fetching, markdown rendering, a client-side diff view, six URL params,
and a live API call to `vote-service/`.
`/skills-review/` → Astro. The most interactive page: search, filtering, lazy
file fetching, markdown rendering, a client-side diff view, six URL params, and
a live API call to `vote-service/`.
## The six query params are a public contract
@@ -44,7 +44,8 @@ Interaction tokens: `from './catalog.js'`, `from './files.js'`, `renderList`,
`markdownMarkup`, `syncUrl`, `selectFromUrl`, `URLSearchParams`,
`navigator.clipboard`, `document.execCommand`.
Plus the catalog count: `id:'` occurrences across both catalogs **must equal 24**.
Plus the catalog count: `id:'` occurrences across both catalogs **must equal
24**.
Same rule as task 15 — re-point with task 19, never delete.
@@ -60,4 +61,4 @@ needs raw source text**, not rendered HTML. Keep both available.
- [ ] Search, filter, file tabs, preview, change lens, download, copy all work
- [ ] Vote widget reaches the live API; CORS preflight succeeds
- [ ] Snapshot diff empty; screenshots match; checklist complete
- [ ] `npm run gate` green
- [ ] `pnpm run gate` green
+5 -4
View File
@@ -1,8 +1,8 @@
# Task 18 — Motion pass
**Agent**: `motion-designer` · **Model**: Gemini (perceptual judgement)
**Depends on**: 15, 16 · **Parallel with**: 19
**Worktree**: `.agents/scripts/worktree.sh start 18 motion`
**Depends on**: 15, 16 · **Parallel with**: 19 **Worktree**:
`.agents/scripts/worktree.sh start 18 motion`
## Goal
@@ -13,7 +13,8 @@ Audit the motion that exists, add only motion that earns its place, and make
The audit is worth more than the additions.
1. Inventory every `transition`, `animation`, `@keyframes`, `transform` in `src/`.
1. Inventory every `transition`, `animation`, `@keyframes`, `transform` in
`src/`.
2. Flag anything animating a layout property (`width`, `height`, `top`, `left`,
`margin`). Those force reflow every frame and fail the 200ms INP budget. The
Stylelint config already blocks new ones; find the ported ones.
@@ -44,4 +45,4 @@ query params, and reduced motion. If any fails, do not ship it.
- [ ] Zero animations on layout properties
- [ ] Every animation has a one-line written purpose
- [ ] Reduced-motion tested under emulation; end states correct
- [ ] Before/after captures attached; `npm run gate` green
- [ ] Before/after captures attached; `pnpm run gate` green
+13 -12
View File
@@ -1,8 +1,8 @@
# Task 19 — Re-point the verification contract
**Agent**: `verification-engineer` · **Model**: Codex
**Depends on**: 15, 16 · **Parallel with**: 18
**Worktree**: `.agents/scripts/worktree.sh start 19 verify-repoint`
**Agent**: `verification-engineer` · **Model**: Codex **Depends on**: 15, 16 ·
**Parallel with**: 18 **Worktree**:
`.agents/scripts/worktree.sh start 19 verify-repoint`
## Goal
@@ -14,28 +14,29 @@ a written reason.
## The three kinds
| Kind | Example | What to do |
| --- | --- | --- |
| Content presence | `data-phase="plan"` | re-point at `dist/full-guide/index.html`; the token should survive rendering. If it does not, a component dropped content — **stop and report** |
| Implementation detail | `const phases`, `renderTree`, `from './catalog.js'` | obsolete as written, but each pins a **feature**. Replace with an output-level assertion of that feature. Never drop |
| Asset version | `app.js?v=20260904-vote-widget` | Astro hashes assets — assert the built HTML references a hashed asset |
| Kind | Example | What to do |
| --------------------- | --------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
| Content presence | `data-phase="plan"` | re-point at `dist/full-guide/index.html`; the token should survive rendering. If it does not, a component dropped content — **stop and report** |
| Implementation detail | `const phases`, `renderTree`, `from './catalog.js'` | obsolete as written, but each pins a **feature**. Replace with an output-level assertion of that feature. Never drop |
| Asset version | `app.js?v=20260904-vote-widget` | Astro hashes assets — assert the built HTML references a hashed asset |
## Steps
1. `npm run build`, then re-point `read()` calls at `dist/`.
1. `pnpm run build`, then re-point `read()` calls at `dist/`.
2. Work through all 42 in order. For each: does the fact it pins still exist?
Yes → re-point. No → content was lost; escalate.
3. Add rendered-text snapshot assertions for all ten routes so this class of
regression is caught structurally, not by string luck.
4. Confirm `check-tokens.mjs` and the extended `audit-ui.mjs` are in
`npm run verify`.
`pnpm run verify`.
## Done when
- [ ] `grep -c 'throw new Error' scripts/verify.mjs` ≥ the `origin/main` baseline
- [ ] `grep -c 'throw new Error' scripts/verify.mjs` ≥ the `origin/main`
baseline
- [ ] Every removal has a one-line reason in this file
- [ ] Snapshot assertions cover all ten routes
- [ ] `npm run gate` green, and it **fails** when you deliberately delete a
- [ ] `pnpm run gate` green, and it **fails** when you deliberately delete a
paragraph from a component (prove the net works, then revert)
## Do not
+7 -6
View File
@@ -1,7 +1,8 @@
# Task 20 — Cutover and cleanup
**Agent**: `astro-architect`, **with a human watching** · **Model**: MiniMax-M3 assisting
**Depends on**: all · **Worktree**: `.agents/scripts/worktree.sh start 20 cutover`
**Agent**: `astro-architect`, **with a human watching** · **Model**: MiniMax-M3
assisting **Depends on**: all · **Worktree**:
`.agents/scripts/worktree.sh start 20 cutover`
This task touches production publishing. Do not run it unattended.
@@ -18,9 +19,9 @@ describe reality.
`app.js`, `styles.css`, `responsive.css`, `chapters.css`, `landing.css`,
`rules/app.js`, `rules/styles.css`, `skills/app.js`, `skills/styles.css`,
`skills-review/*.js`, `skills-review/*.css`, and the ten old `index.html`
files. `git rm`, one commit, reviewable.
**Keep**: `hands-on/**` (now under `public/`), `submitted-skills/**`,
`skill-reviews/**`, `docs/**`, `vote-service/**`.
files. `git rm`, one commit, reviewable. **Keep**: `hands-on/**` (now under
`public/`), `submitted-skills/**`, `skill-reviews/**`, `docs/**`,
`vote-service/**`.
3. **Publish** via the mechanism chosen in task 01.
4. **Verify on the real host** with a cache-buster:
```bash
@@ -53,6 +54,6 @@ git rev-parse origin/pages # write it down
- [ ] Ten routes 200 on the real host with a fresh cache-buster
- [ ] Vote widget works end-to-end from the published origin (CORS is
origin-sensitive — `ALLOWED_ORIGIN` must still match)
- [ ] Old files deleted; `npm run gate` green
- [ ] Old files deleted; `pnpm run gate` green
- [ ] Docs match reality
- [ ] Previous `pages` SHA recorded for rollback