react-best-practices
✓Comprehensive React and Next.js best practices guide covering performance optimization, component architecture, shadcn/ui patterns, Motion animations, and modern React 19+ patterns. This skill should be used when writing, reviewing, or refactoring React/Next.js code. Triggers on tasks involving React components, Next.js pages, data fetching, UI components, animations, or code quality improvements.
Installation
SKILL.md
Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Eliminating Waterfalls | CRITICAL | async- | | 3 | Bundle Size Optimization | CRITICAL | bundle- | | 4 | Server Components & Actions | HIGH | server- | | 5 | shadcn/ui Patterns | HIGH | shadcn- | | 6 | State Management | MEDIUM-HIGH | state- | | 7 | Motion & Animations | MEDIUM | motion- |
| 8 | Re-render Optimization | MEDIUM | rerender- | | 9 | Accessibility | MEDIUM | a11y- | | 10 | TypeScript Patterns | MEDIUM | ts- |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-best-practices?
Comprehensive React and Next.js best practices guide covering performance optimization, component architecture, shadcn/ui patterns, Motion animations, and modern React 19+ patterns. This skill should be used when writing, reviewing, or refactoring React/Next.js code. Triggers on tasks involving React components, Next.js pages, data fetching, UI components, animations, or code quality improvements. Source: dedalus-erp-pas/foundation-skills.
How do I install react-best-practices?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/dedalus-erp-pas/foundation-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01