every-layout

Reviews CSS and HTML for Every Layout compliance. Scores against the 24-point rubric, identifies violations, and recommends primitives. Use when scoring a file or directory, and proactively before any CSS refactor lands.

Explains why an Every Layout primitive behaves unexpectedly. Traces custom property values, calculates thresholds, and identifies the root cause. Use when a primitive misbehaves (e.g., Sidebar always stacking, Switcher not flipping, Grid collapsing to one column) — read-only analysis only.

Builds and maintains Astro sites using Every Layout CSS primitives, design system tokens, and archival data patterns. Use proactively when scaffolding new Astro projects, restructuring page layouts with the Cover > Center > Stack spine, or wiring database-backed content collections end-to-end.

Archival-grade data for Astro: SQLite, libSQL, Astro DB, Drizzle ORM, custom content loaders, schema design. Use for db/config, content.config, loader .ts, .sql, drizzle.config, migrations, metadata, discography, timeline, credits.

Astro 5 architecture: astro.config, content collections (defineCollection, loader), [slug] routing, src/pages, src/layouts, SSG/SSR, ClientRouter, island hydration, performance. Use when building or structuring an Astro site.

Score CSS and HTML against the Every Layout 24-point rubric and report per-dimension findings with ELP citations and primitive recommendations. Use before any CSS refactor or pre-ship verification.

Select the appropriate Every Layout primitive for a given layout problem. Walks a decision tree, recommends a primitive with rationale, lists alternatives considered, and provides verification steps.

CSS design system: tokens (--gl-*, --br-*), light-dark() theming, @layer ordering, fluid typography, motion allowlist, focus rings, escape hatches, editorial components, performance budget, skip links, reduced motion, brand contracts.

1 hook across 1 event