A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities.
Skills follow the Agent Skills format.
React hooks best practices for React application code and custom hook design across DX, optimization, and logic.
Use when:
- Writing React application code that uses hooks
- Creating or refactoring custom React hooks
- Reviewing hook usage, dependencies, effects, state, refs, and callbacks
- Designing hook APIs that should be clear, reusable, and hard to misuse
- Checking hook code for DX, optimization, and logic issues
Categories covered:
- DX: ergonomic hook APIs, naming, typing, and composition
- Optimization: render boundaries, subscriptions, memoization, and unnecessary updates
- Logic: lifecycle correctness, cleanup, SSR, and stale-closure boundaries
Reactuse delivers production-ready hooks that solve real-world problems. Built with a TypeScript-first approach, SSR compatibility, and tree-shaking optimization for modern React applications.
Use when:
- Adding or reviewing hooks in React apps
- Building SSR-safe components
- Optimizing bundle size via tree-shaking-friendly usage
- Standardizing hook usage across projects
Categories covered:
- Hook categories (Elements, Async, Lifecycle, Browser, Utilities, State)
- SSR compatibility patterns
- TypeScript-first usage conventions
- Performance and tree-shaking considerations
npx skills add siberiacancode/agent-skillsSkills are automatically available once installed. The agent will use them when relevant tasks are detected.
Examples:
Deploy my app
Review this React component for performance issues
Help me optimize this Next.js page
Each skill contains:
SKILL.md- Instructions for the agentscripts/- Helper scripts for automation (optional)references/- Supporting documentation (optional)
MIT