laguagu/claude-code-nextjs-skills

6215

nextjs-seo Next.js App Router SEO optimization and auditing. Use when implementing or fixing SEO in a Next.js app — metadata and…

laguagu/claude-code-nextjs-skills

2K

7116

openai-agents-sdk OpenAI Agents SDK (Python) development. Use when building AI agents, multi-agent handoffs, function tools, guardrails…

laguagu/claude-code-nextjs-skills

1.7K

3

nextjs-shadcn Creates Next.js frontends with shadcn/ui.

laguagu/claude-code-nextjs-skills

779

4

next-best-practices Next.js App Router best practices covering file conventions, RSC boundaries, async APIs, data patterns, hydration err…

laguagu/claude-code-nextjs-skills

226

5

react-best-practices React and Next.js performance optimization guide from Vercel Engineering (70 rules in 8 categories).

laguagu/claude-code-nextjs-skills

224

6

postgres-semantic-search PostgreSQL-based semantic and hybrid search with pgvector and ParadeDB. Use when implementing vector search, semantic…

laguagu/claude-code-nextjs-skills

193

7

ai-sdk-6 Vercel AI SDK v6 development. Use when building AI agents, chatbots, tool integrations, streaming apps, or structured…

laguagu/claude-code-nextjs-skills

188

8

cache-components Expert guidance for Next.js Cache Components and Partial Prerendering (PPR).

laguagu/claude-code-nextjs-skills

187

9

ai-app Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboar…

laguagu/claude-code-nextjs-skills

172

10

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

laguagu/claude-code-nextjs-skills

163

11

ai-elements Build AI chat interfaces with pre-built shadcn-style components (Message, Conversation, PromptInput, Reasoning, Sourc…

laguagu/claude-code-nextjs-skills

158

12

frontend-design Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aes…

laguagu/claude-code-nextjs-skills

152

13

skill-creator Creates new skills, modifies and improves existing skills, and measures skill performance. Use when users want to cre…

laguagu/claude-code-nextjs-skills

148

14

nextjs-chatbot Advanced patterns for production Next.js web chatbots built with AI SDK 7 (with a fallback table for projects still o…

laguagu/claude-code-nextjs-skills

132

15

shadcn Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides pr…

laguagu/claude-code-nextjs-skills

130

16

ai-sdk Answer questions about the AI SDK and help build AI-powered features. Use when developers ask about Vercel AI SDK, ge…

laguagu/claude-code-nextjs-skills

122

17

supabase-postgres-best-practices Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimi…

laguagu/claude-code-nextjs-skills

116

18

go Opens the running app in a browser and verifies recent UI changes actually work. Use whenever the user wants a quick …

laguagu/claude-code-nextjs-skills

88

19

chrome-devtools Tests in real browsers via Chrome DevTools MCP.

laguagu/claude-code-nextjs-skills

86

20

hetzner-cloud Manage Hetzner Cloud infrastructure with the `hcloud` CLI — servers, networks, firewalls, load balancers, volumes, DN…

laguagu/claude-code-nextjs-skills

82

21

handoff Write or update a HANDOFF.md so a fresh agent can continue this work. Use when the user says "handoff", "compact this…

laguagu/claude-code-nextjs-skills

69

22

ai-sdk-7 Vercel AI SDK v7 development and migration.

laguagu/claude-code-nextjs-skills

28

23

icons Find, fetch, and install the right icon or logo from the right source — brand marks, country flags, file-type icons (…

laguagu/claude-code-nextjs-skills

15

24

vercel-react-view-transitions Guide for implementing smooth, native-feeling animations using React's View Transition API (the `ViewTransition` comp…

laguagu/claude-code-nextjs-skills

10

25

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

laguagu/claude-code-nextjs-skills

9