frontend▌

Comprehensive patterns for Next.js 14+ App Router, Server Components, and modern full-stack React development. \n \n Covers rendering modes (Server Components, Client Components, static, dynamic, streaming), file conventions, and core architectural patterns with practical TypeScript examples \n Includes eight key patterns: Server Components with data fetching, Client Components, Server Actions, parallel routes, intercepting routes for modals, streaming with Suspense, Route Handlers, and metadata

Setup and usage of next-intl with prefix-based locale routing (e.g. /en/about, /ja/about). Use this skill in any Next.js App Router project.

Performance and architecture patterns for React Native + Expo apps. Rules ranked by impact — fix CRITICAL before touching MEDIUM.

Create, test, and iteratively improve AI agent skills with structured evaluation and benchmarking. \n \n Guides you through the full skill development lifecycle: intent capture, drafting, test case creation, evaluation, and iteration based on user feedback \n Runs parallel test cases with and without the skill to measure impact, capturing timing and token usage for quantitative comparison \n Generates an interactive browser-based reviewer showing outputs, qualitative feedback, and benchmark metr

WCAG 2.2 accessibility patterns for Shopify Liquid theme components. \n \n Covers 11 e-commerce-specific components: product cards, carousels, modals, forms, filters, tabs, dropdowns, tooltips, cart drawers, prices, and accordions with semantic HTML and ARIA patterns \n Includes decision table mapping components to correct HTML elements and ARIA roles, plus complete code examples for each pattern \n Enforces keyboard navigation, screen reader support, focus management with trapping, and reduced-

Use this skill for backend and API work across web/, worker/, and packages/shared/.

Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. \n \n Transforms rough design ideas into structured prompts using professional UI/UX terminology and design system context \n Synthesizes existing Stitch projects into .stitch/DESIGN.md \"source of truth\" documents for consistency across screens \n Routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows \n Automatically manages a

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.

Diagnose world-level problems in fictional settings. Identify what's missing or unconvincing and recommend specific interventions.

Genre-specific book cover design with AI image generation, typography guidance, and platform sizing. \n \n Covers fiction (thriller, romance, sci-fi, fantasy, literary, horror, historical) and non-fiction (business, memoir, science, cookbook, travel) with genre-specific color palettes, imagery conventions, and typography pairings \n Includes print trim sizes (mass market to large format), digital platform specs (Kindle, Apple Books, general ebook), and spine width calculations \n Provides the th