🎯

nextjs-shadcn

🎯Skill

from laguagu/claude-code-nextjs-skills

What it does

AI development skills for building Next.js 16 + shadcn/ui applications with bun, including AI SDK v6 integration, PostgreSQL semantic search, cache components, SEO optimization, and the Ralph Loop for autonomous development.

📦

Same repository

laguagu/claude-code-nextjs-skills(22 items)

nextjs-shadcn

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add laguagu/claude-code-nextjs-skills --skill nextjs-shadcn

skills.sh Install⚠ Installs to .agents/skills/

npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-shadcn

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

~/.claude/skills/nextjs-shadcn/SKILL.md

SKILL.md

616Installs

AddedFeb 6, 2026

View on GitHub Back to Skills

More from this repository10

🎯

nextjs-seo🎯Skill

Next.js SEO optimization skill for App Router covering metadata, sitemaps, robots.txt, JSON-LD, Core Web Vitals, and Google indexing, updated for Next.js 16

🎯

openai-agents-sdk🎯Skill

OpenAI Agents SDK (Python) skill for building AI agents, multi-agent workflows, tool integrations, and streaming applications.

🎯

postgres-semantic-search🎯Skill

A Claude Code skill for PostgreSQL semantic search with vector and hybrid search capabilities, part of a Next.js AI skills collection with Bun runtime support.

🎯

ai-sdk-6🎯Skill

Assists with Vercel AI SDK v6 development, including building AI agents, chatbots, tool integrations, and streaming applications using the ai package.

🎯

react-best-practices🎯Skill

Part of a Claude Code AI skills collection for building AI applications with Next.js and Bun runtime. Provides React best practices guidance covering component patterns, hooks usage, performance optimization, and TypeScript patterns.

🎯

cache-components🎯Skill

A skill providing expert guidance for Next.js Cache Components and Partial Prerendering (PPR), automatically activating in projects with cacheComponents enabled to apply best practices to React Server Components.

🎯

ai-app🎯Skill

Generates full-stack AI applications using Next.js, AI SDK, and ai-elements, suitable for building chatbots, agent dashboards, and custom AI-powered applications.

🎯

next-best-practices🎯Skill

Provides Next.js App Router best practices covering file conventions, React Server Component boundaries, async APIs, data patterns, hydration errors, metadata, route handlers, and image/font optimization.

🎯

ai-elements🎯Skill

AI Elements is a shadcn/ui-based component library for AI-native Next.js applications, offering pre-built components for messages, conversations, prompt input, and reasoning.

🎯

web-design-guidelines🎯Skill

Reviews UI code for compliance with Vercel's Web Interface Guidelines, fetching the latest rules at review time and outputting findings in a file:line format covering accessibility, performance, and UX.