← Back to Skills Marketplace
178
Downloads
0
Stars
1
Active Installs
1
Versions
Install in OpenClaw
/install react-best-practices-2-0-1-0
Description
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.j...
Usage Guidance
This skill appears to be a coherent, instruction-only guide of React/Next.js performance rules (no binaries, no env vars, no installers). Before installing: 1) Note provenance: the package lists 'Vercel' as author but has no homepage and an unknown registry owner — if you require an official Vercel doc, prefer obtaining it directly from vercel.com or the official repo. 2) Review the SKILL.md and a few rule files yourself to verify there are no hidden instructions you disagree with. 3) Because it can be invoked autonomously by agents (platform default), consider whether you want the agent to apply these rules automatically; if not, keep it user-invocable only. 4) Do not provide credentials or environment variables (none are needed). If you want higher assurance, ask the publisher for a homepage/official source or install only a vetted copy in a private environment.
Capability Analysis
Type: OpenClaw Skill
Name: react-best-practices-2-0-1-0
Version: 1.0.0
The skill bundle is a comprehensive performance optimization guide for React and Next.js applications. It contains well-documented rules for eliminating waterfalls, optimizing bundle sizes, and improving server-side performance. Notably, it includes security-positive instructions such as authenticating Server Actions (server-auth-actions.md) to prevent unauthorized access. The code examples provided are standard for the React ecosystem, and the use of 'dangerouslySetInnerHTML' in the hydration flicker rule (rendering-hydration-no-flicker.md) is a legitimate pattern for theme management. No malicious indicators, data exfiltration attempts, or harmful prompt injections were identified.
Capability Assessment
Purpose & Capability
Name/description (React & Next.js performance guidance) align with the included files: SKILL.md, AGENTS.md, and 60+ rule markdown files. The skill requires no binaries, env vars, or config paths—appropriate for a documentation/instruction-only skill. Note: package metadata hints the content is from 'Vercel' but the registry/source is unknown and owner IDs in metadata differ; this is a provenance concern but does not make the capability incoherent.
Instruction Scope
SKILL.md and the rule files contain only guidance, examples, and references for refactoring or generating React/Next.js code. They do not instruct the agent to read local system files, access credentials, call unknown external endpoints, or perform arbitrary system operations. Example code mentions importing libraries (e.g., better-all, swr) as normal examples; no runtime network/exfiltration steps are present in the instructions.
Install Mechanism
No install spec and no code to execute (instruction-only). This is low risk — nothing will be downloaded or written to disk by an installer. The file set is documentation only (markdown files).
Credentials
The skill declares no required environment variables, credentials, or config paths. The examples reference normal libraries for React/Next.js development but do not require secrets. Requested environment/credential access is proportional (none).
Persistence & Privilege
always:false and default invocation settings are used. The skill does not request persistent system-level privileges or to modify other skills/config. Autonomous invocation is allowed (platform default) but this skill's content is static guidance, so autonomy does not materially increase risk.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install react-best-practices-2-0-1-0 - After installation, invoke the skill by name or use
/react-best-practices-2-0-1-0 - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
- Initial release of React and Next.js performance best practices skill from Vercel Engineering.
- Includes 62 optimization rules across 8 priority categories, covering data fetching, rendering, bundle size, and more.
- Provides quick reference tables, rule prefixes, and usage guidance.
- Each rule is documented with explanations and examples for practical code improvement.
- Designed to assist when writing, reviewing, or refactoring React/Next.js code for optimal performance.
Metadata
Frequently Asked Questions
What is React Best Practices 2 0.1.0?
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.j... It is an AI Agent Skill for Claude Code / OpenClaw, with 178 downloads so far.
How do I install React Best Practices 2 0.1.0?
Run "/install react-best-practices-2-0-1-0" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is React Best Practices 2 0.1.0 free?
Yes, React Best Practices 2 0.1.0 is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does React Best Practices 2 0.1.0 support?
React Best Practices 2 0.1.0 is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created React Best Practices 2 0.1.0?
It is built and maintained by mutsunico (@mutsunico); the current version is v1.0.0.
More Skills