๐ŸŽฏ

nextjs-shadcn

๐ŸŽฏSkill

from laguagu/claude-code-nextjs-skills

VibeIndex|
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(18 items)

nextjs-shadcn

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add laguagu/claude-code-nextjs-skills --skill nextjs-shadcn
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
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

451Installs
-
AddedFeb 6, 2026

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.

๐ŸŽฏ
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.

๐ŸŽฏ
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.

๐ŸŽฏ
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.

๐ŸŽฏ
ai-elements๐ŸŽฏSkill

Skill

๐ŸŽฏ
skill-creator๐ŸŽฏSkill

Creates Claude Code skills, hooks, MCP configs, and custom agents.

๐ŸŽฏ
web-design-guidelines๐ŸŽฏSkill

Skill