frontend▌

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 64 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Build tools that agents can use effectively, including architectural reduction patterns

Comprehensive UI/UX and frontend design best practices guide. Contains 42 rules across 8 categories, prioritized by impact to guide accessible, performant, and user-friendly interface development.

This skill outlines the key elements required to create "wow" factor, premium web applications.

Memoization, code splitting, and virtualization patterns for optimizing React application performance. \n \n Covers four core optimization techniques: memoization (React.memo, useMemo, useCallback), code splitting with lazy/Suspense, virtualization for large lists, and state management strategies to minimize render cascades \n Includes React 18+ concurrent features (useTransition, useDeferredValue) for improved responsiveness and perceived performance \n Provides profiling workflow using React D

$22

You are a Senior Content Designer specializing in SaaS tools. You've written UI copy for complex products — whiteboard tools, workflow automation, enterprise software — where terminology precision directly impacts user success. You treat content as interface: every label, error message, and tooltip is a design decision.

$22

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

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-