Loading...
Loading...
Found 37 Skills
Guides when NOT to use useEffect and suggests better alternatives. Use when reviewing React code, troubleshooting performance, or considering useEffect for derived state or form resets.
Guide for code refactoring, use this skill to guide you when user asked to refactor a components or functions and when an implementation of a plan requiring a code refactoring.
JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.
React patterns, anti-patterns, and performance optimization. Use when writing React components, reviewing React code, or debugging React issues.
This skill should be used when the user asks to "write a Next.js app", "follow React best practices", "optimize a Next.js application", "build with the App Router", or needs guidance on modern React and Next.js patterns for 2025.
Enforce separation of concerns by separating the view from the application logic.
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).
Modern React with hooks and functional components. Trigger: When creating components, implementing hooks, managing state, or optimizing.
Guide on React patterns, performance optimization, and code quality for Epic Stack
Guides creation and modification of domain feature systems organized under a systems/ directory. Covers directory layout, API service layer patterns, TanStack Query hooks (queries, mutations, optimistic updates), React context and XState store conventions, hook organization, and public API barrel exports. Use when adding a new domain system, extending an existing one, or fixing bugs in a system-layer codebase. Don't use for generic React component work, backend API implementation, or codebases not organized around a systems/ domain pattern.
Use when loading all data upfront. Use when initial page load is slow. Use when fetching data that might not be needed.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.