Audits motion and animation against this starter's rules — spring usage, the narrow CSS-transition exception, text-engine traps, reduced-motion behaviour and per-frame cost. Use when reviewing animation-heavy work or when motion feels wrong.
Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic markup, typed props. Use PROACTIVELY when several sections must be built from a design, one agent per section.
Runs a full SEO and AEO audit over the codebase and a live URL, producing ranked findings and applying the code fixes. Use for launch prep, a rankings problem, or a periodic health check.
Keeps the obsidian/ vault in sync with the code after a change — updates catalog notes, changelog and ADRs, fixes stale wikilinks, and reports drift. Use at the end of a turn that changed code, dependencies or architecture.
Answer Engine Optimisation — make the site citable by ChatGPT, Claude, Perplexity, Gemini and AI Overviews. Covers answer-first content structure, llms.txt, AI crawler access, entity consistency, and auditing how the brand currently appears in AI answers. Use when the user mentions AEO, GEO, "AI search", "get cited by…
Turn a Figma frame or node into components in this starter — the MCP call order, recording node IDs so later passes can re-fetch, downloading and verifying assets, mapping design values onto the three-tier token system, and choosing spring primitives for whatever motion the design implies. Use when the user provides a…
Optimise a three.js or raw WebGL scene in a project for mobile and low-end devices — device tiering, prewarm-everything-at-load so nothing compiles mid-scroll, in-view-only render loops, DPR and particle/bloom budgets, GPU-side scroll transforms, compressed textures, and stripping the scene from the bundle for bots.…
Install and wire Payload CMS into this Next.js 16 app, backed by Supabase Postgres and Supabase Storage — packages, payload.config.ts, the (payload) route group, collections derived from the actual page views, type generation, migrations, and proving the read loop end-to-end. Use when the user asks to "add a CMS"…
Verify built UI against this project's hard rules and against the design — runs the mechanical check script, then the judgement checks a script cannot make (visual fidelity vs Figma, token naming, motion choice, semantics, responsive behaviour), and fixes what it finds in a loop until clean. Use after building or…
Generate and wire valid JSON-LD structured data for pages in this starter — Organization, WebSite, LocalBusiness, Article, Product, FAQPage, BreadcrumbList, Service — using the existing structured-data helper rather than inline script tags. Use when the user asks for "schema", "structured data", "JSON-LD", "rich…
Audit a page or the whole site for technical and on-page SEO — crawlability, metadata, heading outline, structured data, internal linking, Core Web Vitals, and the animation-specific crawlability risks this starter carries. Produces ranked findings and fixes them in code. Use when the user asks to "audit SEO", "check…
Pre-launch gate for this starter — build, mechanical rule checks, SEO and metadata completeness, performance budget, accessibility, env and secret hygiene, and the deploy steps. Use when the user says "ready to ship", "deploy this", "launch checklist", "is this production ready", or before handing a site to a client.