frontend▌

Ui Skills \n Overview \n Opinionated, evolving constraints to guide agents when building interfaces \n When to Use This Skill \n Use this skill when you need to work with opinionated, evolving constraints to guide agents when building interfaces. \n Instructions \n This skill provides guidance and patterns for opinionated, evolving constraints to guide agents when building interfaces. \n For more information, see the source repository .

Core React patterns for component design, state management, and optimization.

Fast lookup table for 30+ SaaS finance metrics, formulas, benchmarks, and red flags. \n \n Covers four metric families: Revenue & Growth, Unit Economics, Capital Efficiency, and Efficiency Ratios, each with formula, benchmark, and red flag \n Includes four decision frameworks for feature investment, channel scaling, pricing changes, and business health assessment by stage \n Organized for speed: scan the reference table, check red flags by category, apply the relevant framework to your deci

Design handoff bridges design and development, ensuring developers have all information needed to implement designs accurately and efficiently.

Modern React patterns and best practices for production applications. \n \n Covers component design principles, hook extraction patterns, and state management selection across complexity levels from simple useState to global stores like Zustand and Redux Toolkit \n Includes React 19 patterns with new hooks (useActionState, useOptimistic, use) and compiler benefits for automatic memoization \n Provides composition patterns including compound components, render props vs hooks trade-offs, and highe

Add Auth0 authentication to Next.js apps with session management, protected routes, and middleware. \n \n Supports both App Router and Pages Router with automatic OAuth callback handling via /auth/login , /auth/logout , and /auth/callback endpoints \n Provides server-side session access through auth0.getSession() for Server Components and API routes, plus client-side useUser() hook for client components \n Requires middleware configuration ( middleware.ts for Next.js 15+, or proxy.ts for Next.js

Build and deploy MCP servers in Python using FastMCP with tools, resources, and prompts. \n \n Scaffolds a working Python MCP server from a description; supports tools (callable functions), resources (readable data), and prompts (reusable templates) \n Includes local testing modes (direct run, dev mode with auto-reload, HTTP transport) and MCP Inspector integration \n Deploys to FastMCP Cloud, Docker, or Cloudflare Workers; pre-deploy checklist catches common issues like missing module-level ser

Use this skill when:

Korean document style consistency checker that detects tone, terminology, numbering, list formatting, quotation, and date format inconsistencies. \n \n Analyzes seven style categories (tone, terminology, numbers/units, lists, quotation/emphasis, dates/times, links) with priority-based detection \n Applies majority-rule principle to unify repeated expressions within a document or project, with context-aware recommendations based on document type (business, academic, technical, marketing) \n Provi

React and Next.js patterns for component composition, state management, performance, and accessibility. \n \n Covers component patterns including composition, compound components, and render props, plus custom hooks for state, data fetching, and debouncing \n Includes performance optimization techniques: memoization, code splitting with lazy loading, and list virtualization for large datasets \n Provides form handling with validation, error boundaries, and animation patterns using Framer Motion