This wraps the Vercel AI SDK v6 for building chatbots, agents, and streaming apps with Claude or other providers. It covers the new ToolLoopAgent class for agentic workflows, the Output pattern that replaces the deprecated generateObject functions, and the refactored useChat hook that no longer manages input state for you. The skill points to bundled docs in node_modules and includes quick reference examples for structured output with Zod schemas, smooth streaming transforms, and API route setup. Useful when you're migrating from v5 or building anything that needs tool calling, streaming responses, or structured JSON extraction with the ai package.

skills.sh installs
216
GitHub stars
72
last updated
Aug 21, 2026

Install

$ npx -y skills add laguagu/claude-code-nextjs-skills --skill ai-sdk-6 --agent claude-code

Installs into .claude/skills of the current project.

Files

AI SDK 6 maintenance

Apply this skill only to ai@6 projects. Resolve compatible provider and UI packages from the existing manifest/lockfile. Use ai-sdk when the major is unknown and ai-sdk-7 for an authorized upgrade.

Read the resolved ai/docs/, provider docs and source/types for the exact minor release. In a monorepo, resolve from the app using the dependency. Default web docs and repository main can describe v7. ai bundles docs/ from 6.0.32; the tree mirrors the website paths (mapping in ai-sdk). If installed docs are unavailable, select the ai@<resolved-version> tag in vercel/ai and read content/docs/. Feature links here use a checked v6 documentation snapshot as a fallback; match the project's release when available. This tag selects documentation, not an application dependency version.

Boundaries that differ from old and new code

Sponsors

Details

Repository
github.com/laguagu/claude-code-nextjs-skills
Categories
Frontend Development, AI & Agent Building, Cloud & Infrastructure
First seen
Jun 3, 2026

More from laguagu/claude-code-nextjs-skills

All 4
1oguzhan18 avatarrxjsoguzhan18/angular-ecosystem-skillsALWAYS use when working with RxJS Observables, operators, and reactive patterns in Angular applications.214skills.sh installs
2spences10 avatarecosystem-guidespences10/svelte-skills-kitGuide to spences10's Claude Code ecosystem tools. Use when user asks which tool to use, how tools relate, or needs help choosing between MCP servers, skills, or204skills.sh installs
3longbridge avatargithub-pull-request-descriptionlongbridge/gpui-componentWrite a description to description GitHub Pull Request.155skills.sh installs
4harlan-zw avatarpinia-colada-skilldharlan-zw/vue-ecosystem-skillspinia colada skilld142skills.sh installs
5spences10 avatarlayerchart-svelte5spences10/svelte-skills-kitLayerChart Svelte 5 patterns. Use for chart components with tooltip snippets, Chart context access, and all Svelte 5 snippet patterns for tooltips, gradients, h129skills.sh installs
6harlan-zw avatarvueuse-core-skilldharlan-zw/vue-ecosystem-skillsvueuse core skilld125skills.sh installs