frontend▌

Build scalable, maintainable React components using modern patterns including functional components, hooks, composition, and TypeScript for type safety.

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

Apple Watch is a personal, glanceable device worn on the wrist. Interactions are measured in seconds, not minutes. Every design decision must prioritize speed of comprehension and brevity of interaction.

This skill provides a complete walkthrough to get GrepAI running and searching your code in 5 minutes.

Step-by-step guidance for installing tools, configuring dependencies, and verifying development environments. \n \n Covers platform-specific installation instructions for macOS, Linux, and Windows across multiple languages and tools (Node.js, Python, Docker, databases, etc.) \n Includes five-step workflow: identify requirements, check current setup, provide installation commands, configure environment variables and files, and verify everything works \n Provides troubleshooting guidance for commo

Server Components by default, client interactivity on demand, with structured data fetching and caching strategies. \n \n Server Components handle data fetching and static content; Client Components ('use client') manage forms, state, and event handlers. Split responsibilities when both are needed. \n Data fetching uses static caching by default, with ISR (time-based revalidation) and dynamic (no-store) options for different freshness requirements. \n Routing relies on file conventions (page.tsx

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.

Build production-ready MCP servers with the mcp-use framework and automatic widget registration. \n \n Bootstrap with npx create-mcp-use-app and choose from three templates: starter (full-featured), mcp-apps (ChatGPT-optimized), or blank (minimal) \n Define tools, resources, and prompts using Zod schemas with automatic validation and clear parameter descriptions \n Automatically register React widgets from the resources/ folder as MCP Tools and Resources with dual-protocol support for MCP Apps a

$23

Design shareable generator tools optimized for social virality and identity moments. \n \n Covers generator architectures for name generators, quizzes, personality tests, avatars, and calculators with patterns for deterministic and AI-powered outputs \n Emphasizes minimal input design, screenshot-optimized result cards, and identity-forming outputs that users want to share \n Includes quiz builder patterns with weighted scoring, image-choice questions, and 4–8 distinct result categories for maxi