Files
ai-for-dummies/plans/astro-refactor/task-14-page-rules.md
T
Marcos Paulo aae4d42229 docs: add .agents workspace and the Astro refactor plan
Adds the agent-facing workspace and a 20-task plan for migrating the site
to Astro. Nothing here implements the refactor; these are briefs, rules and
templates that the task agents read.

- .agents/ holds context, rules, checklists, skills, specialist agents,
  component/page/config templates and gate scripts. It is vendor-neutral so
  MiniMax, Gemini and Codex can all read it; CLAUDE.md just points at
  AGENTS.md.
- .husky/ plus .lintstagedrc.json wire the three gate tiers. gate.sh locks on
  the shared git-common-dir so parallel worktrees serialise, and guards the
  assertion count in scripts/verify.mjs against a coverage drop.
- plans/astro-refactor/ carries the phase graph, per-task briefs and the
  model-routing recommendation.

These files must be tracked before fanning out: a worktree only checks out
tracked files, so an untracked plan is invisible to every agent working in one.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-05 01:18:27 +00:00

1.3 KiB

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

Goal

/rules/ → Astro. Separate from task 13: it is a standalone bilingual case study with its own stylesheet (rules/styles.css, 9.8 KB), its own script (rules/app.js, 16 KB), and its own responsive contract.

Asserted by verify.mjs

  • rulesHtml must have no external <script>/<link> — it is explicitly checked as a standalone page
  • rulesCss must contain @media(min-width:2200px), @media(max-width:900px), @media(max-width:600px), prefers-reduced-motion

Task 02 collapses those breakpoints to named tokens. Coordinate with the verification engineer — the assertion must be re-pointed at the token, not 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.

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