react-vite-best-practices
✓Directives d'optimisation des performances React et Vite. À utiliser lors de l'écriture, de la révision ou de l'optimisation des composants React créés avec Vite. Déclencheurs sur des tâches impliquant la configuration de Vite, l'optimisation de build, le fractionnement de code, le chargement paresseux, le HMR, la taille du bundle ou les performances de React.
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:
Directives d'optimisation des performances React et Vite. À utiliser lors de l'écriture, de la révision ou de l'optimisation des composants React créés avec Vite. Déclencheurs sur des tâches impliquant la configuration de Vite, l'optimisation de build, le fractionnement de code, le chargement paresseux, le HMR, la taille du bundle ou les performances de React. Source : asyrafhussin/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que react-vite-best-practices ?
Directives d'optimisation des performances React et Vite. À utiliser lors de l'écriture, de la révision ou de l'optimisation des composants React créés avec Vite. Déclencheurs sur des tâches impliquant la configuration de Vite, l'optimisation de build, le fractionnement de code, le chargement paresseux, le HMR, la taille du bundle ou les performances de React. Source : asyrafhussin/agent-skills.
Comment installer react-vite-best-practices ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/asyrafhussin/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01