expert-driven

These skills focus on the newest major versions of popular frameworks because:

• Breaking Changes: Next.js 16, Prisma ORM v7, AI SDK 6, and Auth.js v5 all introduce significant breaking changes that AI agents need to understand to generate correct, modern code
• Outdated Training Data: Most AI models were trained on older versions and will generate deprecated patterns without explicit guidance
• Upgrade Assistance: Skills help you migrate existing projects by documenting the exact changes, codemods, and migration paths
• Latest Patterns: Each skill captures current best practices—async request APIs in Next.js 16, ESM-only in Prisma 7, ToolLoopAgent in AI SDK 6—so your code stays idiomatic

When you use these skills, your AI agent produces code that works with today's APIs, not yesterday's.

🤖 AI & Agents

#### ai-agents-ui-skills

Building agentic applications with ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).

#### ai-sdk-6-skills

AI SDK 6 Beta overview including agents, tool approval, Groq (Llama), and Vercel AI Gateway. Key breaking changes from v5 and new patterns.

#### mcp-server-skills

Pattern for building MCP servers in Next.js with mcp-handler, shared Zod schemas, and reusable server actions.

📧 Integrations & Services

#### resend-integration-skills

Integrate Resend email service via MCP protocol for AI agents to send emails with GitHub Copilot Coding Agent, VS Code, Claude Desktop, and Cursor. Set up transactional and marketing emails, configure sender verification, and use AI to automate email workflows. Recommended for GitHub Copilot Coding Agent teams.

🚀 Framework & Infrastructure

#### nextjs16-skills

Key facts and breaking changes for Next.js 16. Covers Turbopack bundler, async request APIs, and upgrade path.

#### prisma-orm-v7-skills

Key facts and breaking changes for upgrading to Prisma ORM 7. Covers ESM-only migration, driver adapters, and prisma.config.ts.

#### shadcn-skills

Installation, components, blocks, forms, theming, and MCP guidance for shadcn/ui in modern Next.js projects.

🔐 Authentication & Security

#### clerk-nextjs-skills

Clerk authentication for Next.js 16 (App Router only) with proxy.ts setup, migration from middleware.ts (Next.js 15), environment configuration, and MCP server integration. Includes OAuth token verification and dynamic client registration.

#### authjs-skills

Auth.js v5 setup for Next.js authentication including Google OAuth, credentials provider, environment configuration, and core API integration.

💾 Data & Storage

#### upstash-vector-db-skills

Upstash Vector DB setup, semantic search, namespaces, and embedding models (MixBread preferred). Use when building vector search features on Vercel.

📋 Product & Business Analysis

#### ba-prd-skills

PRD Mastery skill for context-aware, expert-driven, and token-efficient Product Requirements Documents.

Quick Install (npx skills)

Install skills directly using the [skills CLI](https://www.npmjs.com/package/skills):

```bash

npx skills add gocallum/nextjs16-agent-skills

```

Manual Installation

#### Claude Code

Copy the skill folder to your Claude skills directory:

```bash

# Clone the repository

git clone https://github.com/gocallum/nextjs16-agent-skills.git

# Copy a specific skill

cp -r nextjs16-agent-skills/skills/nextjs16-skills ~/.claude/skills/

# Or copy all skills

cp -r nextjs16-agent-skills/skills/* ~/.claude/skills/

```

#### GitHub Copilot (VS Code)

Copy skills to you