laguagu

laguagu/claude-code-nextjs-skills

22 resources in this repository

GitHub
🎯22

🎯Skills22

🎯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

nextjs-seo
🎯openai-agents-sdk🎯Skill

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

openai-agents-sdk
🎯nextjs-shadcn🎯Skill

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.

nextjs-shadcn
🎯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.

postgres-semantic-search
🎯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.

ai-sdk-6
🎯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.

react-best-practices
🎯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.

cache-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.

ai-app
🎯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.

next-best-practices
🎯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.

ai-elements
🎯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.

web-design-guidelines
🎯skill-creator🎯Skill

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

skill-creator
🎯frontend-design🎯Skill

Creates distinctive, production-grade frontend interfaces with exceptional design quality, avoiding generic AI aesthetics by committing to bold aesthetic directions and executing with precision.

frontend-design
🎯ai-sdk🎯Skill

A collection of Claude Code skills for building AI applications with Next.js and Bun, covering AI SDK v6 agents and streaming, chatbot development with human-in-the-loop, shadcn/ui components, PostgreSQL semantic search, and more.

ai-sdk
🎯shadcn🎯Skill

A skill collection for building AI applications with Next.js and Bun runtime, covering full-stack AI app generation, shadcn/ui component management, AI SDK integration, semantic search with pgvector, and production chatbot development with persistence and GDPR compliance.

shadcn
🎯nextjs-chatbot🎯Skill

A skill collection for building AI applications with Next.js and Bun runtime, including app generators, UI/design tools, AI SDK integration, database/search capabilities, and production chatbot patterns with HITL and persistence.

nextjs-chatbot
🎯supabase-postgres-best-practices🎯Skill

A skill collection for building AI applications with Next.js and Bun runtime, covering AI SDK v6 agents, Postgres semantic search, shadcn/ui components, Next.js best practices, SEO optimization, and Chrome DevTools integration.

supabase-postgres-best-practices
🎯go🎯Skill

A skill collection for building AI applications with Next.js and Bun, including app generators, AI SDK integration, shadcn/ui components, database search with pgvector, SEO optimization, and custom agent templates.

go
🎯chrome-devtools🎯Skill

A collection of Claude Code skills for building AI applications with Next.js and Bun runtime, including app generators, UI/design tools, Next.js best practices, AI SDK integration guides, database/search capabilities, and Chrome DevTools inspection via MCP.

chrome-devtools
🎯hetzner-cloud🎯Skill

Skills for building AI applications with Next.js and Bun runtime, including full-stack AI app generators, AI SDK 6 agent patterns, PostgreSQL semantic search, shadcn/ui components, and cloud deployment guides.

hetzner-cloud
🎯handoff🎯Skill

Skill

handoff
🎯vercel-react-best-practices🎯Skill

Skill

vercel-react-best-practices