Richtlinien zur Optimierung der React-Leistung. Verwenden Sie diese beim Schreiben, Überprüfen oder Refactorn von React-Komponenten, um optimale Render- und Bundle-Muster sicherzustellen. Wird bei Aufgaben ausgelöst, die React-Komponenten, Hooks, Memoisierung oder Bundle-Optimierung betreffen.
Diese Fähigkeit (Skill) bietet bewährte Methoden zur Leistungsoptimierung in React-Anwendungen. Sie richtet sich an Entwickler, die React-Komponenten schreiben, überprüfen oder umgestalten, um effizientes Rendering und optimierte Bundle-Größen zu gewährleisten. Der Skill deckt wichtige Bereiche wie den Einsatz von Memoisierung (z. B. useMemo, useCallback), die korrekte Verwendung von Hooks, die Vermeidung unnötiger Neurenderings und die Optimierung von Code-Splitting ab. Er unterstützt Entwickler dabei, häufige Performance-Fallstricke zu vermeiden und moderne React-Patterns wie Concurrent Mode oder Suspense zu nutzen. Die Integration in KI-Assistenten wie Claude Code oder Cursor ermöglicht es, bei Aufgaben, die React-Komponenten oder Bundle-Optimierung betreffen, automatisch relevante Ratschläge zu liefern. Durch die Anwendung dieser Richtlinien können Entwickler die Reaktionsfähigkeit und Ladezeiten ihrer Anwendungen signifikant verbessern. Der Skill ist plattformunabhängig und funktioniert in jeder React-Umgebung, einschließlich Next.js, Remix oder eigenständigen React-Projekten.
npx skills add https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-react-best-practicesInstalled? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Richtlinien zur Optimierung der React-Leistung. Verwenden Sie diese beim Schreiben, Überprüfen oder Refactorn von React-Komponenten, um optimale Render- und Bundle-Muster sicherzustellen. Wird bei Aufgaben ausgelöst, die React-Komponenten, Hooks, Memoisierung oder Bundle-Optimierung betreffen.
This repo contains 2 individual skills — each has its own dedicated page.
Testing best practices for the frontend. Emphasizes E2E tests over unit tests, minimal mocking, and testing behavior over implementation details. Use when writing tests or reviewing test code.
Security audit guidelines for web applications and REST APIs based on OWASP Top 10 and web security best practices. Use when checking code for vulnerabilities, reviewing auth/authz, auditing APIs, or before production deployment.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.