react-vite-best-practices
✓React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vite configuration, build optimization, code splitting, lazy loading, HMR, bundle size, or React performance.
Installation
SKILL.md
Comprehensive performance optimization guide for React applications built with Vite. Contains 40+ rules across 8 categories, prioritized by impact to guide code generation and refactoring.
| 1 | Build Optimization | CRITICAL | build- | | 2 | Code Splitting | CRITICAL | split- | | 3 | Development Performance | HIGH | dev- | | 4 | Asset Handling | HIGH | asset- | | 5 | Environment Config | MEDIUM | env- | | 6 | HMR Optimization | MEDIUM | hmr- | | 7 | Bundle Analysis | LOW-MEDIUM | bundle- | | 8 | Advanced Patterns | LOW | advanced- |
Read individual rule files for detailed explanations and code examples:
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vite configuration, build optimization, code splitting, lazy loading, HMR, bundle size, or React performance. Source: asyrafhussin/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-vite-best-practices?
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vite configuration, build optimization, code splitting, lazy loading, HMR, bundle size, or React performance. Source: asyrafhussin/agent-skills.
How do I install react-vite-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/asyrafhussin/agent-skills --skill react-vite-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/asyrafhussin/agent-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01