← Back to Skills Marketplace
iammarcellus

Vercel React Best Practices

by Marcellus · GitHub ↗ · v0.1.0 · MIT-0
cross-platform ✓ Security Clean
256
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install react-best-practices-3
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 coherent and low-risk because it's documentation-only and requests no credentials or installs. Before using: (1) confirm the source—metadata lists 'vercel' but the registry source/homepage is unknown; verify you trust the author if you plan to treat it as an authoritative standard; (2) if you allow agents to perform automated refactors, require code backups and human review of changes (the skill's purpose is to guide code edits); (3) note the examples reference external libraries and patterns—ensure those dependencies and licensing fit your project. No technical red flags were found in the package contents.
Capability Analysis
Type: OpenClaw Skill Name: react-best-practices-3 Version: 0.1.0 The skill bundle is a comprehensive collection of React and Next.js performance and security best practices. The instructions in SKILL.md and AGENTS.md are clearly aligned with the stated purpose of guiding an AI agent in refactoring and optimizing code. The code examples provided (e.g., in rules/server-auth-actions.md and rules/rendering-hydration-no-flicker.md) demonstrate standard industry patterns, including security measures like authentication checks for Server Actions and performance optimizations like module-level I/O hoisting. No indicators of data exfiltration, malicious execution, or harmful prompt injection were found.
Capability Assessment
Purpose & Capability
Name and description (React/Next.js performance guidance) match the provided content: a large set of rules and examples. The repository files are documentation and examples appropriate for an AI agent that helps write/refactor React/Next.js code.
Instruction Scope
SKILL.md and the included rule files are guidance for code-writing/refactoring and do not instruct the agent to read unrelated system files, access credentials, or send data to unexpected endpoints. The docs reference libraries and URLs (e.g., GitHub, Vercel docs) only as references.
Install Mechanism
No install spec and no code to install; the skill is instruction-only so nothing will be downloaded or executed on install.
Credentials
The skill declares no required environment variables, binaries, or config paths. There are references to third-party libraries in examples (e.g., better-all, swr) but no credentials or secret access are requested.
Persistence & Privilege
always: false and no special privileges requested. The skill does not request persistent system-level changes or access to other skills' configurations.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install react-best-practices-3
  3. After installation, invoke the skill by name or use /react-best-practices-3
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.0
- Initial release of comprehensive React and Next.js performance guidelines curated by Vercel Engineering. - Includes 64 prioritized rules across 8 categories (from async optimizations to advanced patterns). - Designed for use in writing, reviewing, or refactoring React/Next.js code to improve performance and bundle size. - Provides rule descriptions, quick reference tables, and guidance for each performance area. - Points to detailed rule files for explanations, examples, and further context. - Covers both server-side and client-side performance practices.
Metadata
Slug react-best-practices-3
Version 0.1.0
License MIT-0
All-time Installs 0
Active Installs 0
Total Versions 1
Frequently Asked Questions

What is Vercel React Best Practices?

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 256 downloads so far.

How do I install Vercel React Best Practices?

Run "/install react-best-practices-3" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is Vercel React Best Practices free?

Yes, Vercel React Best Practices is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does Vercel React Best Practices support?

Vercel React Best Practices is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created Vercel React Best Practices?

It is built and maintained by Marcellus (@iammarcellus); the current version is v0.1.0.

💬 Comments