🎯

vercel-react-best-practices

🎯Skill

from fluid-tools/claude-skills

What it does

Provides performance optimization guidelines for React and Next.js, offering 45 actionable rules to improve application speed, bundle size, and rendering efficiency.

📦

Same repository

fluid-tools/claude-skills(13 items)

vercel-react-best-practices

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add fluid-tools/claude-skills --skill vercel-react-best-practices

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add fluid-tools/claude-skills --skill vercel-react-best-practices

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/vercel-react-best-practices/SKILL.md

SKILL.md

26Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

vercel-ai-sdk🎯Skill

Guides Vercel AI SDK v6 implementation patterns including streaming, tool calling, structured output, useChat hook, embeddings, middleware, and MCP integration.

🎯

typescript-strict-mode🎯Skill

TypeScript strict mode skill for avoiding any types, using proper type annotations, and leveraging TypeScript's type system effectively in strict-mode codebases

🎯

convex-performance-patterns🎯Skill

Convex performance optimization skill covering denormalization strategies, index design, N+1 query prevention, optimistic concurrency control, and hot spot handling for the Convex backend platform

🎯

convex-anti-patterns🎯Skill

Documents critical mistakes and anti-patterns to avoid in Convex development, including OCC errors, type issues, and common debugging pitfalls.

🎯

convex-helpers-patterns🎯Skill

Guides convex-helpers library patterns including Triggers, Row-Level Security, Relationship helpers, Custom Functions, Rate Limiting, and Workpool for Convex development.

🎯

convex-components🎯Skill

Guides authoring of Convex components — isolated, reusable backend modules with their own schema and functions for NPM packaging, sub-systems, and third-party integration.

🎯

convex-fundamentals🎯Skill

A Convex fundamentals skill from Fluid Tools providing comprehensive patterns for building real-time applications with the Convex backend platform.

🎯

convex-actions-scheduling🎯Skill

Convex actions, scheduling, cron jobs, and orchestration patterns skill for implementing background jobs and multi-step workflows.

🎯

convex-schema-validators🎯Skill

Convex schema validators skill for defining database schemas, creating validators for function arguments/returns, and ensuring type safety in Convex applications.

🎯

react-useeffect🎯Skill

Guides React developers through optimal `useEffect` usage, teaching when to use or avoid effects for state management, data fetching, and external system synchronization.