Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • Wax
  • Snug
  • mertduzgun.com
Made by mertduzgun.com
Skills/Frontend Development
cherryhq avatar

Vercel React Best Practices

cherryhq/cherry-studio

This is Vercel's internal performance playbook turned into a Claude skill with 62 rules across 8 categories, from eliminating request waterfalls to…

GitHub stars
47.2K
last updated
Jun 11, 2026
View on GitHubSave

Install

$ npx -y skills add cherryhq/cherry-studio --skill vercel-react-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingTry itAppSignalSponsoredStart Free TrialKeep API keys from agentsGet SnugBlock apps on your iPhoneGet WaxDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt installOpen StepsSponsoredDownload for free

What it does

This is Vercel's internal performance playbook turned into a Claude skill with 62 rules across 8 categories, from eliminating request waterfalls to micro-optimizations like hoisting RegExp outside loops. Each rule has a priority rating and prefix (async-, bundle-, server-, etc.) so Claude knows what to focus on first. Most valuable when refactoring existing React/Next.js code or reviewing PRs, since it catches things like barrel file imports killing your bundle size or accidentally serializing too much data in RSC props. The waterfall elimination and bundle optimization rules alone justify having this in your toolkit. Worth noting it assumes you're already comfortable with React, this isn't a beginner's guide but a reference for writing production-grade code.

Files

Select a file.

Details

Repository
github.com/cherryhq/cherry-studio
Categories
Frontend Development, Documentation, Code Review & Quality, Debugging, Cloud & Infrastructure
License
AGPL-3.0
First seen
Jun 11, 2026

More from cherryhq/cherry-studio

All 14
  • Cherry Assistant Guide
  • Cherry Pr Test
  • Create Skill
  • Demand First Review
  • Faq Collector
  • Find Skills
  • Gh Create Issue
  • Gh Create Pr
  • Gh Pr Review
  • Issue Reporter
  • Prepare Release
  • Skill Creator
  • Skills Manager

Recommended

More Frontend Development
1georgekhananaev avatarnextjs-senior-devgeorgekhananaev/claude-skills-vaultSenior Next.js 15+/16 Engineer skill for App Router. Use when scaffolding production apps, enforcing RSC patterns, auditing codebases, or optimizing performance0installs
2huangjia2019 avatarReact 最佳实践huangjia2019/claude-code-engineeringReact 组件设计模式、Hooks 使用指南、性能优化技巧0installs
3kettleofketchup avatarfrontend-dev-guidelineskettleofketchup/DraftForgeFrontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with fe0installs
4recomby-ai avatargeo-review-htmlrecomby-ai/recomby-geoRender an interactive, self-contained HTML companion for a GEO content brief (04-content-brief) or a publish-ready draft (05-production), so a NON-technical cli0installs
5syahiidkamil avatarshadcnsyahiidkamil/software-engineer-ai-agent-atlasManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage ex0installs
6TheOrcDev avatarrerender-memoTheOrcDev/8bitcn-uiExtract expensive work into memoized components with React.memo. Apply when components perform expensive computations that can be skipped when props haven't cha0installs