Web frontend rules. Pick the framework page for the work, then drop back to html and css for the primitives every page rests on.
Accessibility and forms
- accessibility: WCAG 2.2 AA checklist, keyboard and focus, contrast, target size.
- forms: Native forms, labels, autocomplete, validation, progressive enhancement.
HTML
- html: Baseline checklist for every page.
- html-semantic-elements: Landmarks and sectioning elements.
- html-head-tags: Charset, viewport, title, canonical, Open Graph, favicons.
- html-links-rel: noopener, sponsored, preload, preconnect, canonical.
- html-multimedia: srcset, picture, lazy loading, video captions.
- html-tables: Caption, scope, headers.
- html-aria-patterns: Native-first ARIA, live regions, dialogs, tabs.
- html-microdata: Microdata syntax and migration to JSON-LD.
CSS
- css: Layout, tokens, layers, and a Baseline status table.
- css-grid: Tracks, subgrid, named areas.
- css-flexbox: Axes, gap, flex shorthand, min-width: 0.
- css-container-queries: @container, container-type, cqi units.
- css-cascade-layers: Layer order, vendor CSS, Tailwind layers.
- css-custom-properties: Tokens, scoped overrides, @property.
- css-has-selector: Parent-aware styling and form state.
- css-animations: Compositor properties, reduced motion, scroll-driven animations.
Tailwind
- tailwind: v4 setup, CSS-first config, arbitrary values, tooling.
- tailwind-theme: @theme tokens, inline, static, runtime switching.
- tailwind-dark-mode: @custom-variant dark and the pre-paint script.
- tailwind-responsive: Breakpoints and built-in container variants.
- tailwind-variants: group, peer, has, aria, data variants.
- tailwind-plugins: @utility, @custom-variant, @plugin.
- tailwind-migration: v3 to v4 upgrade and CSS migration.
shadcn/ui
- shadcn: init, components.json, add, upstream diffs, choosing Radix, Base UI, or React Aria.
- shadcn-theming: CSS variables, @theme inline, dark mode.
- shadcn-composition: Compound components, asChild vs render, cva.
- shadcn-forms: Field, Controller, Zod, server actions.
Blueprint
- blueprint: When to use Blueprint 6, packages, BlueprintProvider.
- blueprint-overlays: Dialog, Popover, Tooltip, toaster, stacking.
- blueprint-table: Virtualized Table, selection, renderers.
- blueprint-theming: —bp-* tokens and dark mode.
AI interfaces
- ai-first-applications: Streaming, state, sources, reversibility, sanitizing, cost.
- streaming-chat-interfaces: SSE vs streamed fetch, events, cancellation, recovery.
Astro
- astro: When to pick Astro 7, 7.0 defaults, integrations, deploy.
- astro-actions: Type-safe server functions; authorize in every handler.
- astro-content-collections: Loaders, Zod schemas, queries.
- astro-image-optimization: Image, Picture, priority LCP, remote allowlists.
- astro-islands: client directives and server islands.
- astro-mdx: MDX components and plugin processors.
- astro-performance: Zero JS, bundle audits, fonts, prefetching.
- astro-ssr: Static plus prerender = false, adapters, sessions.
- astro-view-transitions: ClientRouter, animations, persist.
Next.js
- nextjs: Next.js 16.3 App Router rules and breaking changes.
- nextjs-app-router: Routing, layouts, parallel and intercepting routes.
- nextjs-async-dynamic-apis: Awaited params, cookies, headers.
- nextjs-caching: Cache Components, updateTag vs revalidateTag.
- nextjs-image-optimization: next/image sizes, LCP loading, remotePatterns.
- nextjs-instant-navigation: Instant Navigations with cacheComponents and Suspense.
- nextjs-metadata-api: Metadata, OG images, sitemap, robots.
- nextjs-middleware: proxy.ts, matcher, rewrite vs redirect.
- nextjs-route-handlers: route.ts, streaming, when to use server actions.
- nextjs-server-actions: Public endpoints, per-action auth, revalidation.
React
- react: React 19.3 rules and the 19.x API map.
- react-compiler: Opt-in auto-memoization and when manual memoization remains.
- react-error-boundaries: Boundaries, react-error-boundary, resetKeys.
- react-forms: Form actions, useActionState, Zod 4 validation.
- react-hooks: Hook rules, Effects, custom hooks.
- react-performance: Profile first, virtualize, split code.
- react-server-components: use client boundary, serializable props.
- react-state-management: Local, URL, Zustand or Jotai.
- react-suspense: Boundaries, transitions, ViewTransition, SSR streaming.