skills for everythingAgent Skill
2/7/2026vercel-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.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
P
phrazzld
4GitHub Stars
1Views
npx skills add phrazzld/claude-config
SKILL.md
| Name | vercel-react-best-practices |
| Description | React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements. |
Claude Configuration
Personal Claude Code configuration directory containing custom commands, settings, and global instructions.
Structure
CLAUDE.md- Global instructions and principles for Claude Codesettings.json- Claude Code settings configurationcommands/- Collection of custom commands for various development tasks.gitignore- Git ignore patterns for this configuration
Commands
The commands/ directory contains custom commands for:
- Development: setup, execute, debug, review, refactor
- Planning: plan, organize, scope, ticket, task-plan
- Documentation: document, extract, synthesize
- Collaboration: consult, thinktank, multi-mind
- Project Management: groom, board, align, audit
- Git Operations: branch, pull, push, sync
- Utilities: chill, timeout, verify, tidy
Usage
This configuration is automatically loaded by Claude Code when operating in this directory or its subdirectories.
Setup
- Clone this repository to your preferred location
- Configure Claude Code to use this directory as your configuration root
- Customize commands and settings as needed
Skills Info
Original Name:vercel-react-best-practicesAuthor:phrazzld
Download