vercel-react-best-practices
๐ฏSkillfrom am-will/codex-skills
|Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Overview
Vercel React Best Practices is a Claude Code skill that provides React and Next.js performance optimization guidelines sourced from Vercel Engineering. It automatically activates when writing, reviewing, or refactoring React and Next.js code to ensure optimal performance patterns are followed throughout the development process.
Key Features
- Performance-First Guidance: Applies Vercel Engineering's best practices for React and Next.js optimization
- Automatic Activation: Triggers on tasks involving React components, Next.js pages, data fetching, and bundle optimization
- Code Review Support: Enhances code review quality by checking for performance anti-patterns
- Refactoring Assistance: Guides refactoring efforts toward optimal performance patterns
Who is this for?
This skill is for React and Next.js developers who want their AI coding assistant to consistently apply performance best practices from Vercel Engineering. It is particularly useful for teams maintaining large Next.js applications where performance optimization is critical to user experience.
Same repository
am-will/codex-skills(19 items)
Installation
npx vibeindex add am-will/codex-skills --skill vercel-react-best-practicesnpx skills add am-will/codex-skills --skill vercel-react-best-practices~/.claude/skills/vercel-react-best-practices/SKILL.mdSKILL.md
More from this repository10
Frontend design skill for creating distinctive, production-grade web interfaces with high design quality, avoiding generic AI aesthetics through bold creative choices and exceptional attention to detail
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Context7 documentation fetcher skill for retrieving current library documentation via Context7 API, proactively looking up APIs for React, Next.js, Supabase, and other libraries instead of relying on outdated knowledge
Creates comprehensive, phased implementation plans with sprints and atomic tasks for planning features, breaking down work, and building structured roadmaps.
Reads and searches GitHub repository documentation via the gitmcp.io MCP service, converting GitHub URLs to documentation endpoints.
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Detailed implementation planning skill that creates phased plans with sprints and atomic tasks, covering codebase research, requirements clarification, and structured implementation phases for bugs, features, or tasks
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Queries the OpenAI developer documentation MCP server via CLI (curl/jq) to search, browse, and fetch authoritative docs for the OpenAI API, SDKs, ChatGPT Apps SDK, Codex, and MCP integrations with up-to-date official guidance.