sanity-ioOfficial·11 Agent Skills Included

next-sanity

Connect Next.js apps to Sanity CMS with live content editing

Connects Next.js applications to Sanity CMS with type-safe queries, live content updates, and visual editing. Guides AI agents through Cache Components adoption, partial prefetching, and instant navigation optimization. Eliminates manual cache configuration, draft mode wiring, and slow page loads in content-driven sites.

952|110

↗

npx skills add sanity-io/next-sanity --all -g -y

Available:

Tells the AI agent how the next-sanity live exports are structured across runtime conditions and gives the environment rules for building, testing, and running this monorepo.

All Skills in This Repository (11)

Pure Emerald Level Indicators

📦 In Repo

sanity-io

vercel-react-best-practices

Identify and fix performance bottlenecks in React/Next.js apps using defined best practices.

turborepo

Orchestrate Turborepo monorepo task graphs with caching and CI pipelines.

next-dev-loop

Verify Next.js runtime behavior after code edits using /_next/mcp and agent-browser.

next-partial-prefetching-adoption

Enable Partial Prefetching in Next.js apps and resolve its dev-overlay insights.

next-cache-components-optimizer

Drives Next.js routes to instant navigation using test-driven Cache Components optimization.

next-cache-components-adoption

Enable Cache Components in Next.js apps and resolve blocking routes to a passing build.

find-skills

Searches and installs agent skills from the open skills ecosystem using the Skills CLI.

pnpm

Manage Node.js dependencies with pnpm workspaces, catalogs, patches, and overrides.

tsdown

Bundle TypeScript and JavaScript libraries into ESM, CJS, IIFE, and UMD formats with Rolldown.

grill-with-docs

Stress-tests plans against domain glossaries and records decisions in CONTEXT.md and ADRs.

sanity-live-cache-components

Integrates Sanity Live with Next.js Cache Components using sanityFetch and a shared cache boundary.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install next-sanity?▼

Run `npx skills add sanity-io/next-sanity --all -g -y` in your terminal to install all skills in this suite globally.

How to add Sanity live preview to Next.js?▼

The sanity-live-cache-components skill sets up sanityFetch, the SanityLive component, and Visual Editing so content editors see real-time updates and click-to-edit overlays.

How to enable Cache Components in Next.js?▼

The next-cache-components-adoption skill walks your app route by route, fixing blocking-prerender errors until the build passes with cacheComponents enabled.

Does next-sanity work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible AI agents.

Can AI agents verify Next.js changes at runtime?▼

Yes. The next-dev-loop skill cross-checks the Next.js dev server against a real browser so your agent confirms changes actually work, not just compile.