frontend▌

You are an expert in React Query, TypeScript, and React development. React Query (now TanStack Query) simplifies data fetching logic with built-in caching, background updates, and stale data management.

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

Expert code reviewer for TypeScript and React 19 applications with deep anti-pattern detection. \n \n Identifies critical issues including useEffect abuse, state mutations, conditional hook calls, and React 19-specific bugs like useFormStatus in form components \n Covers three priority levels: critical (blocks merge), high priority (stale closures, missing boundaries), and architecture/style recommendations \n Includes state management guidance for server data (TanStack Query), global UI state (

Multi-component React artifacts for Claude with bundling, state management, and shadcn/ui component library. \n \n Scaffolds React 18 + TypeScript projects with Vite, Tailwind CSS, and 40+ pre-installed shadcn/ui components via automated initialization script \n Bundles complete artifacts into single self-contained HTML files with inlined assets, ready for Claude artifact display \n Includes design guidance to avoid common \"AI slop\" patterns like excessive centering, purple gradients, and unif

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

RESTful API design guidance covering resource modeling, HTTP methods, status codes, versioning, and documentation. \n \n Covers resource naming conventions, HTTP method usage, query parameters, response formats, and status code selection with clear do's and don'ts \n Includes reference guides for OpenAPI documentation, request/response examples, API versioning, authentication, rate limiting, and a complete Express.js implementation example \n Emphasizes consistency through plural resource names,

Integration patterns for Laravel, Inertia.js, and React full-stack development. \n \n Covers 30+ rules across 7 categories: page components, forms with useForm, navigation, shared data, persistent layouts, file uploads, and advanced patterns \n Includes TypeScript typing for page props, form validation error handling, and authentication state management \n Provides complete code examples for controllers, middleware, components, and layout assignment patterns \n Prioritizes critical patterns (pag

Web Design Guidelines \n Modern web design principles for responsive layouts, accessibility, and visual hierarchy. \n When to Use \n \n Creating polished web interfaces \n Improving accessibility \n Responsive design patterns \n Visual hierarchy decisions \n \n Source \n This skill references patterns from Vercel's agent-skills .

Comprehensive performance optimization guide for Expo React Native applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

$22