accessibility-reviewWCAG 2.2-aligned accessibility audit — semantics, ARIA, keyboard navigation, color contrast, focus management, motion preferences. Severity guide + tooling notes. Used by `accessibility-auditor` (primary).
adaptive-layoutMake a website adapt correctly to desktop, laptop, phone (portrait and landscape), tablet, iPad windows and foldables like iPhone Duo, the way Apple prescribes — one document, content-driven breakpoints, dynamic viewport units, safe areas, touch and input rules — and prove it on a device matrix. Use
block-composed-siteBuild or extend a website from a catalog of section blocks, so the agent writes a typed manifest instead of markup and the layout is pixel-perfect on every screen. Ships a starter kit (tokens, layout contract, block CSS, schemas, thirteen exemplar blocks, a four-page example), a reference renderer,
brand-guidance-authoringAuthor a project's generation-time brand-voice contract (brand-guidance.md) — a named aesthetic, a two-typeface max, a tiny palette, a 4px spacing scale, a motion philosophy, and a project-scoped anti-pattern catalogue that bans the recurring "AI slop" patterns (generic-sans brand faces, indigo grad
card-tile-uiDesign and implement an Intercom-style card / "tile" UI — discrete soft-shadowed rounded surfaces on a calm monochromatic canvas, in a multi-pane (navigation-rail + content) layout, with a single restrained accent used only as hairlines, outlines, and occasional text. Used by `visual-designer` (prim
content-auditAudit existing site content — full inventory (URL × type × intent × last-updated × owner), scoring against business / user-need / SEO criteria, remediation queue (keep / consolidate / rewrite / retire), and the migration plan when re-platforming. Reach for this skill at the start of a re-platform, b
conversion-designDesign and audit conversion-focused screens — funnel definition, friction-vs-trust balance, form field selection (every field is a cost), one CTA per screen discipline, social-proof placement, microcopy patterns, and the conversion-rate measurement plan. Reach for this skill when designing or review
core-web-vitals-tuningDiagnose and improve Core Web Vitals (LCP / CLS / INP). Includes a Mermaid decision tree for root-cause triage across all three vitals + canonical fix-by-symptom map. Field data (CrUX / RUM) at p75 is the measurement target. Used by `performance-engineer` (primary).
design-system-auditAudit an existing brand / design system for consistency, completeness, token coverage, dark-mode readiness. Used by `visual-designer` (primary) + `frontend-implementer` (token-to-code wiring).
design-tokens-scaffoldingScaffold a token system from brand spec to token JSON to CSS variables to framework theme (Tailwind / Shadcn / CSS-in-JS / Theme UI). Includes naming convention, scale design (color / spacing / typography / radius / shadow / motion), light/dark mode, semantic vs primitive tokens, and the dual-mode b
fluent-react-implementationImplement a Fluent UI v9 + React website end-to-end — set up FluentProvider, turn a brand color into a BrandVariants ramp and light/dark/high-contrast themes (createLightTheme / createDarkTheme), wire design tokens, style with Griffel makeStyles, handle Next.js App Router SSR (the use-client + rende
form-builderDesign or upgrade a tool that lets owners build their own forms — the definition model, field catalog, conditional logic and multi-step pages, versioning while responses exist, live preview, outputs (inbox, CSV, webhooks, email, CRM) and payment fields. Used by web-architect and frontend-implementer
gold-standard-website-pipelineThe gated pipeline the web-design Team Lead runs on a new marketing site or storefront — and, for a pure web-app, as a thinner brand/UX/a11y/perf wrapper around frontend-engineering's build, not the app's build pipeline: nine fail-closed gates (discovery → IA → tokens → content → build → a11y → perf
information-architectureDesign site information architecture — sitemap, URL taxonomy, navigation patterns (primary / utility / footer / contextual), card-sort discipline, content model that the IA implies, and the URL-to-template mapping. On a portal or signed-in UX review, place each major content block (Keep, Move, or Re
interface-craftRaise a page or app surface to the craft bar of Apple, Stripe, Cloudflare, Starlink, Tesla and recent game menus. Pick a craft register per surface, apply its sourced moves (glass with opaque fallbacks, static-first heroes, qualify-first CTAs, opt-in motion, two-tone focus, OKLCH roles) and verify o
seo-technical-auditTechnical SEO sweep — crawlability, indexability, schema markup, sitemaps, OG / Twitter Card metadata, hreflang, structured data. Used by `web-architect` (primary, technical) + `content-strategist` (content-SEO).
static-site-implementationBuild a non-React static site: semantic HTML, token-driven CSS (custom properties, grid/flex, container queries, logical properties), and an SSG-first Astro/11ty/Hugo or plain HTML+CSS build with islands only where earned. Covers reflow to 320px, in-markup performance (AVIF/WebP srcset, lazy-load, f
third-party-script-hygieneCatalogue and hygiene-audit third-party scripts on a marketing site — performance budget by category (analytics / chat / A/B / fonts / video / social), async-defer patterns, consent-gating (GDPR / CCPA / consent-mode v2), CSP implications, and the periodic re-audit cadence. Every third-party is debt
visual-builderMake a builder — form, contact card, Wallet pass, page or email — visually appealing and easy for owners. Covers editor layout, a live preview rendered by the same code as the output, insert and reorder without dragging, simple and advanced modes, undo and autosave, draft and publish with blast radi