Directrices de optimización de rendimiento para React. Úsalas al escribir, revisar o refactorizar componentes de React para garantizar patrones de renderizado y empaquetado óptimos.
Esta habilidad proporciona un conjunto de pautas de optimización de rendimiento para aplicaciones React, diseñadas para desarrolladores que trabajan con herramientas como Claude Code, Cursor o Codex. Su objetivo es ayudar a escribir componentes eficientes, gestionar el estado correctamente y reducir el tamaño del bundle, lo que se traduce en aplicaciones más rápidas y una mejor experiencia de usuario. La habilidad se activa automáticamente al abordar tareas relacionadas con componentes React, hooks, memoización o optimización del bundle. Al incluirse este skill, el agente aplica reglas de buenas prácticas como evitar renderizados innecesarios con `React.memo`, `useMemo` y `useCallback`, estructurar el estado de forma minimalista, y dividir el código con lazy loading. Es útil tanto para desarrolladores que inician en React como para equipos que establecen estándares de código, ya que fomenta un código más mantenible y escalable. Además, soporta plataformas como Claude Code, Cursor y Codex, integrándose sin problemas en el flujo de trabajo habitual del desarrollador.
npx skills add https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-react-best-practicesInstalled? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Pautas de optimización de rendimiento para React. Úsalas al escribir, revisar o refactorizar componentes de React para garantizar patrones de renderizado y empaquetado óptimos. Se activa en tareas que involucran componentes React, hooks, memoización u optimización del bundle.
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.