react-vite-best-practices
✓Richtlinien zur Leistungsoptimierung von React und Vite. Zum Schreiben, Überprüfen oder Optimieren von mit Vite erstellten React-Komponenten. Wird bei Aufgaben ausgelöst, die Vite-Konfiguration, Build-Optimierung, Code-Aufteilung, Lazy Loading, HMR, Bundle-Größe oder React-Leistung betreffen.
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:
Richtlinien zur Leistungsoptimierung von React und Vite. Zum Schreiben, Überprüfen oder Optimieren von mit Vite erstellten React-Komponenten. Wird bei Aufgaben ausgelöst, die Vite-Konfiguration, Build-Optimierung, Code-Aufteilung, Lazy Loading, HMR, Bundle-Größe oder React-Leistung betreffen. Quelle: asyrafhussin/agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist react-vite-best-practices?
Richtlinien zur Leistungsoptimierung von React und Vite. Zum Schreiben, Überprüfen oder Optimieren von mit Vite erstellten React-Komponenten. Wird bei Aufgaben ausgelöst, die Vite-Konfiguration, Build-Optimierung, Code-Aufteilung, Lazy Loading, HMR, Bundle-Größe oder React-Leistung betreffen. Quelle: asyrafhussin/agent-skills.
Wie installiere ich react-vite-best-practices?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/asyrafhussin/agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01