frontend-react-best-practices 是做什么的?
React 性能优化指南。用于编写、审查或重构 React 组件时,确保采用最优渲染和打包模式。在涉及 React 组件、Hooks、记忆化或打包优化的任务中自动触发。
React 性能优化指南。用于编写、审查或重构 React 组件时,确保采用最优渲染和打包模式。在涉及 React 组件、Hooks、记忆化或打包优化的任务中自动触发。
该技能是一套完整的 React 性能优化指南,专为开发者和 AI 编码助手(如 Claude Code、Cursor、Codex)设计。它提供了在编写、审查或重构 React 组件时应遵循的最佳实践,涵盖核心优化领域:组件渲染策略(如避免不必要的重新渲染、使用 React.memo、useMemo 和 useCallback)、Hooks 使用规范(如合理使用 useCallback 来稳定函数引用)、以及打包优化(如代码分割、动态导入、减少 bundle 体积)。该技能基于 SKILL.md 文档定义,会在涉及 React 组件、Hooks、记忆化或打包优化任务时自动触发,帮助用户自动应用这些规则,从而提升 React 应用的性能和效率。
npx skills add https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-react-best-practicesInstalled? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
React 性能优化指南。用于编写、审查或重构 React 组件时,确保采用最优渲染和打包模式。在涉及 React 组件、Hooks、记忆化或打包优化的任务中自动触发。
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.