83,201 skills sorted by stars.
Design React components following Tetris architecture guidelines. Use when creating new components, refactoring componen...
生成符合项目规范的 React 组件。当用户要求创建组件、新建 React 组件或生成组件文件时使用
Generate react component generator operations. Auto-activating skill for Frontend Development. Triggers on: react compon...
Generate modern React components with TypeScript, hooks, and accessibility. Use when asked to create React components, U...
React component development patterns for building UI components with hooks, state management, error handling, loading st...
React + TypeScript component design patterns — composition, props API design, compound components, controlled vs uncontr...
DEPRECATED: Use component-builder instead for M3-compliant, production-grade components.
Build production-ready React components with TypeScript. Use when creating UI components (buttons, inputs, modals, cards...
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
Create and review React components following strict TypeScript patterns, container/presenter architecture, and compositi...
Comprehensive guide to React component patterns used in the Organizador de Base de Conhecimento Enterprise educational p...
React composition patterns for scalable component architecture. Use when refactoring components with boolean prop prolif...
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexibl...
React compound components pattern (safe, minimal context, ergonomic API)
Compound component patterns for TMNL. Covers context-based composition, slot patterns, and Object.assign exports. Use fo...
React 18+ concurrency features and strategic memoization techniques. PROACTIVELY activate for: (1) Using useTransition f...
Use when React Context patterns for state management. Use when sharing state across component trees without prop drillin...
Comprehensive React application development guidance covering project architecture, state management, performance optimi...
React's render cycle can cause infinite loops and performance issues. This skill covers the most common patterns that ca...
This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React T...
Use this skill when building with React development tasks, including component creation, state management, and hooks.
Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a...
Guidelines for when to use (and avoid) useEffect in React components
Audit React components for unnecessary useEffect patterns. Detects 9 anti-patterns from "You Might Not Need an Effect" a...
Use when creating email templates with React - welcome emails, password resets, notifications, order confirmations, or t...
Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order con...
React Email transactional templates for this project. Node runtime, inline styles, shared components, Resend integration...
Capture and report runtime errors with component stack traces and user context.
Expert-level React development with hooks, performance optimization, state management, and modern patterns
React development expertise and best practices.
Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke f...
Senior-level React and Tailwind CSS development expert with 10+ years experience. Automatically audits, generates, and o...
在构建需要组件架构、hooks 模式或状态管理的 React 18+ 应用程序时使用。调用时机包括：Server Components、性能优化、Suspense 边界、React 19 特性。
React Flow (@xyflow/react) for workflow visualization with custom nodes and edges. Use when building graph visualization...
Advanced React Flow patterns for complex use cases. Use when implementing sub-flows, custom connection lines, programmat...