[jesusgraterol]

Builds Agentic Coding on jg-personal-astro-ui 0.3.1, so it shares its UI with the other jg sites, and drops Astro's client router.

Frame

• Page head and theme: the package's page head (with og:type article and its article:* tags on articles) and its theme script.
• Navigation: the skip link, the progress bar, and the header. Skills opens in a new tab, and Cookbook stays current on its recipes.
• Footer: the "Resources" and "Project" columns, plus the notes.
• Brand: the Agentic Coding mark, drawn from the package's single artwork. The header's mark loses its 1-pixel outline and its chevrons get slightly bolder, as planned.

Pages

• Home: centered package sections and buttons.
• Comparison: the package's table, with a scroll label, a hidden caption, and a sticky first column.
• Segmented controls: the pipeline and jg-execute toggles.
• Inverse surface: the always-dark panels in context authority, the pipeline, and the skills bridge.
• Cookbook and skills: link cards for the cookbook, related recipes, resources, and "Browse the skills", with its badge in the kicker. The pills become badges.
• Recipes and refine: recipes render inside prose, and refine's warning is a callout.
• Resource viewers: each copy button copies the raw file, and its failure guidance links to it.
• Install commands: the package's InstallCommand, named "Copy install command".

No client router. Pages load as ordinary documents. The package's cross-document view transitions, speculation rules, and progress bar replace ClientRouter.

Removed:

• the site's brand logo and mark, copy control, install command, progress bar, footer, navigation, and theme control
• the theme-preference utilities and the llms helpers
• every token and class in global.css, which is now the package's imports

Tokens: chart-3 → accent, error → danger, section-title-long → section-title.

Assets: assets:generate writes favicon.svg from the package's mark and draws it into the open-graph image. The image renders identically.

Why 0.3.1: moving here showed that 0.3.0's copy button widened when "Copy" became "Copied". The package fixed that in 0.3.1, which this site uses.

Tests

• The progress tests record from inside the page, as the jg-packages site's do.
• The current route is checked by aria-current, the menu label is "Navigation menu", and the token checks read --jg-*.
• Contrast compares the inverse accent on the inverse surface.
• The copy checks use the package's guidance, and the install card's copy button keeps its box.

Two contrast failures that axe found during the move are fixed:

• the danger status badge on the code surface, now a neutral badge with a colored dot
• the accent header text in the comparison table, now foreground text on the accent tint

verify-build.ts drops og:image:secure_url and lets the breadcrumb carry a class.

Docs: the README, project.md (navigation, copying, theme, navigation between pages, tokens, typography, the tree, and the tests), and docs/asset-attribution.md.

npm run check passes: 43 unit, typecheck, lint, format, the build with its verification, 23 integration, and 58 end-to-end tests with axe in both themes.

npm audit reports advisories in existing dev tooling (@vitest/mocker, brace-expansion, fast-uri); this PR leaves them alone.

🤖 Generated with Claude Code