react-best-practices

Name: react-best-practices
Author: vercel-labs

官方精选

@vercel-labs · 来源 VoltAgent/awesome-agent-skills · ★ 33,624

编程开发

这个技能能做什么

汇总 React 开发的最佳实践与常用模式，涉及组件设计、状态管理和性能优化，适合审查或改进现有 React 代码。

原始描述：React best practices and patterns

怎么用

安装后，可以对 Agent 说：『审查这个 React 组件，指出状态管理、渲染和性能上的问题』，它会按最佳实践给出改进建议。

安装命令

npx skills add https://github.com/vercel-labs/agent-skills --skill react-best-practices

在支持 Agent Skills 的工具中执行；完整说明与文件结构请查看 GitHub 仓库。

兼容 Agent

通用标准

遵循 Agent Skills 开放标准，支持该标准的工具（Claude Code、Codex、Cursor、Gemini CLI 等）通常都可安装；具体以技能仓库说明为准。

安全与来源

技能会读取文件或执行命令，安装前请查看仓库中的 SKILL.md 与脚本，确认权限范围；本站只做索引，不保证第三方技能安全性。

安全状态：未审计License：未标注仓库更新：2026-10-28官方仓库

#编程开发 #Agent Skill #vercel-labs

查看 GitHub 仓库原始链接报告安装失败 / 失效

同分类技能

查看全部 →

mcp-builder

@anthropics

官方精选

指导创建 MCP 服务器，把外部 API 与服务接入支持 MCP 的客户端，适合封装数据源或工具能力，产出服务端实现。

编程开发★ 187,972137,670 安装

web-artifacts-builder

@anthropics

官方精选

用于构建较复杂的 claude.ai HTML 产物，基于 React 与 Tailwind 组织页面和组件，适合制作可交互的网页演示或原型。

编程开发★ 187,972116,509 安装

webapp-testing

@anthropics

官方精选

使用 Playwright 对本地 Web 应用进行自动化测试，可模拟页面操作并检查行为，适合验证界面流程、表单和交互。

编程开发★ 187,972198,544 安装

composition-patterns

@vercel-labs

官方精选

讲解 React 组件组合与可复用模式，适合拆分复杂组件、设计组件接口和提升复用性，产出更清晰的组件结构。

编程开发★ 33,624

react-native-skills

@vercel-labs

官方精选

提供 React Native 的开发实践与性能建议，涉及渲染、长列表和原生交互等常见问题，适合优化移动端应用实现。

编程开发★ 33,624

vercel-deploy-claimable

@vercel-labs

官方精选

用于将项目部署到 Vercel，适合把前端或全栈应用发布到线上，产出可访问的部署地址及相关配置。

编程开发★ 33,624