← Back to Skills Marketplace
React Best Practices Cn
by
yang1002378395-cmyk
· GitHub ↗
· v1.0.0
· MIT-0
148
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install react-best-practices-cn
Description
来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用此 Skill 以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包优化或性能改进的任务。
Usage Guidance
This skill is an instruction-only documentation pack for React/Next.js performance tips and looks coherent and low-risk: it asks for no secrets and installs nothing. Two practical checks before installing: 1) provenance — the SKILL metadata claims Vercel authorship but the source/homepage are unknown; confirm you trust the publisher if you require an official Vercel endorsement. 2) review the files yourself (they're plain docs and examples) to ensure the guidance/third-party package suggestions match your project's policies. Because it can be invoked autonomously (the platform default), only enable it for agents you trust to act on code recommendations.
Capability Assessment
Purpose & Capability
Name/description claim a Vercel-originated React/Next.js performance guide and the package contains only documentation and rule files that implement that purpose. There are no unrelated requirements (no binaries, env vars, or config paths).
Instruction Scope
SKILL.md and the included rule files are limited to guidance, examples, and how to use the rules. The runtime instructions tell an agent when to apply these rules (editing/reviewing React/Next.js code). There are no instructions to read system files, environment variables, or send data to external endpoints.
Install Mechanism
No install spec is present (instruction-only). Nothing will be downloaded or written to disk by an installer, and no external binaries are required.
Credentials
The skill requests no environment variables, credentials, or config paths. Example code references common libraries (e.g., better-all, swr) which is expected for this topic and do not imply hidden credential needs.
Persistence & Privilege
always is false and the skill is user-invocable; it does not request permanent presence or modify other skills. The default ability for an agent to invoke the skill autonomously is normal and is not combined with other concerning privileges.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install react-best-practices-cn - After installation, invoke the skill by name or use
/react-best-practices-cn - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
- 首次发布 vercel-react-best-practices-cn，基于 Vercel 官方 React/Next.js 性能优化指南。
- 包含 8 大类、64 条按优先级排序的最佳实践规则。
- 每条规则配有简明描述，涵盖组件开发、数据获取、重渲染、打包优化等核心场景。
- 提供使用方法及文档指引，助力代码编写、审查与重构。
- 强调实用性，适用于性能优化与自动化代码生成需求。
- 完整中文翻译，便于国内开发者查阅和应用。
Metadata
Frequently Asked Questions
What is React Best Practices Cn?
来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用此 Skill 以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包优化或性能改进的任务。 It is an AI Agent Skill for Claude Code / OpenClaw, with 148 downloads so far.
How do I install React Best Practices Cn?
Run "/install react-best-practices-cn" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is React Best Practices Cn free?
Yes, React Best Practices Cn is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does React Best Practices Cn support?
React Best Practices Cn is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created React Best Practices Cn?
It is built and maintained by yang1002378395-cmyk (@yang1002378395-cmyk); the current version is v1.0.0.
More Skills