frontend▌

$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-

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

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

$23

Advanced SwiftUI animations, transitions, matched geometry effects, and Metal shader integration for iOS and macOS. \n \n Covers animation curves, springs, keyframe animators, and phase animators for orchestrated multi-step sequences \n Includes built-in transitions (fade, slide, scale, move) and asymmetric transitions for directional entry/exit effects \n Provides matched geometry effect patterns for hero animations and smooth view transitions \n Supports GPU-accelerated Metal shader effects in

GPUI provides CSS-like styling with Rust type safety.