nextjs-ai-skills

What nextjs-ai-skills does, in the publisher's words

From the project README, punctuation lightly normalized · Open the README on GitHub →

Links

• github.com/laguagu/claude-code-nextjs-skills
• https://github.com/laguagu/claude-code-nextjs-skills#readme
• plugin.json (manifest)

Skills · 24

ai-app

Builds full-stack Next.js AI applications with the AI SDK and ai-elements. Use when creating a chatbot, agent dashboard or custom AI application.

ai-elements

Builds AI chat interfaces with AI Elements components copied into the project. Use when adding or composing conversations, messages, prompt inputs, attachments, reasoning, tool output or sources in an AI SDK application.

ai-sdk-6

Vercel AI SDK v6 development, for projects already on ai@6. Use when building or maintaining AI agents, chatbots, tool integrations, streaming apps, or structured output in a v6 codebase. New projects and ai@7 code use ai-sdk-7; an unknown version goes through ai-sdk. Covers ToolLoopAgent, useChat,…

ai-sdk-7

Vercel AI SDK v7 development and migration. Use when building or upgrading AI SDK 7 apps, especially ToolLoopAgent, WorkflowAgent, HarnessAgent, Claude Code/Codex/Pi harnesses, runtimeContext, toolsContext, toolApproval, telemetry, reasoning, file or skill uploads, realtime, video generation, or v6…

ai-sdk

Answer questions about the AI SDK and help build AI-powered features. Use when developers ask about Vercel AI SDK, generateText, streamText, ToolLoopAgent, useChat, providers, tools, structured output, embeddings, streaming, or adding AI to an app. First identify the installed major version and rou…

cache-components

Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Use when implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content bou…

chrome-devtools

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance (LCP/CLS/INP), or verify visual output with real runtime data. Complements Play…

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

go

Opens the running app in a browser and verifies that recent UI changes actually work. Use for any quick smoke test of recent work, "go", "test in browser", "check in browser", "make sure it works", "verify it works", "did it work", "works on mobile", including when the user appends "...and make sur…

handoff

Write or update a HANDOFF.md so a fresh agent can continue this work. Use when the user says "handoff", "compact this", "context is full", or "/clear and continue".

hetzner-cloud

Manage Hetzner Cloud infrastructure with the `hcloud` CLI, servers, networks, firewalls, load balancers, volumes, DNS zones, SSH keys, primary/floating IPs, snapshots, certificates, placement groups, storage boxes. Use whenever the user mentions Hetzner, hcloud, VPS provisioning, or Hetzner locatio…

icons

Sources icons, country flags, file-type marks and brand logos that fit the app's existing visual language. Use when adding an icon, finding an official logo, building a language switcher, or the project's icon library has no match. Covers Iconify and svgl; use frontend-design for overall visual dir…

next-best-practices

nextjs-chatbot

nextjs-seo

nextjs-shadcn

openai-agents-sdk

postgres-semantic-search

react-best-practices

shadcn

skill-creator

supabase-postgres-best-practices

vercel-react-view-transitions

web-design-guidelines

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.

MCP servers · 1

next-devtoolsstdio

npx -y next-devtools-mcp@latest

Read from the plugin's own mcp.json. We list environment variable names, never values.

Category

Other. Assigned by this directory. Agent Plugins 1.0.0 has no category field, so no manifest declares one.

Keywords

nextjs · react · ai-sdk · shadcn · postgres · pgvector · agent-skills

Related by publisher and keywords

• jev-skillslaguagu

  A curated collection of Jev skills, example projects, tools and integrations.

• cometchat-skillscometchat

  CometChat AI-coding skills: add real-time chat, voice/video calling and push to your app via your AI coding agent, across React v7, Angular v5, React Native v5, Android v6 (Kotlin/Compose), iOS v5 (Swift/UIKit, SPM) and Flutter v6, plus headless Calls SDK skills. Ships the first-party CometChat Docs MCP so skills read always-current docs.

• auth0auth0

  Add Auth0 authentication to any app: login, MFA, SSO, Organizations, RBAC, ACUL, custom domains, and branding. Debug auth errors, validate JWTs, manage token lifecycles, and migrate from Clerk, Firebase, or Cognito. Covers React, Next.js, Vue, Nuxt, Angular, Express, Flask, Spring Boot, Go, Swift, Android, Flutter, Laravel, PHP, ASP.NET Core, React Native, Expo, Ionic,.NET MAUI, and more.

• 21st21st-dev

  Find and build UI, and create editable product videos from your project with 21st tools.

• bestaxallxsmith

  Build with @allxsmith/bestax-bulma, React components for Bulma v1: the bestax Agent Skills, plus the bestax-mcp server for props, examples and CSS variables

• animation-performanceShanireZ

  Diagnose web animation frame drops, rendering costs, main-thread contention, and React animation bottlenecks.