A reference suite for Sanity development best practices, schema modeling, content migrations, and frontend integrations.
Install
mkdir -p .claude/skills/sanity-best-practices && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/19303" && unzip -o skill.zip -d .claude/skills/sanity-best-practices && rm skill.zipInstalls to .claude/skills/sanity-best-practices
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, Blueprints, and framework integrations such as Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen, and the App SDK. Use this skill whenever working with Sanity schemas, defineType or defineField, GROQ or defineQuery, content modeling, Presentation or preview setups, Sanity-powered frontend integrations, Sanity Functions, documentEventHandler, defineDocumentFunction, defineMediaLibraryAssetFunction, @sanity/functions, @sanity/blueprints, sanity.blueprint.ts, event-driven content automation, or when reviewing and fixing a Sanity codebase.Key capabilities
- →Design Sanity content schemas
- →Optimize GROQ query performance
- →Implement type-safe content with TypeGen
- →Configure Visual Editing and live preview
- →Manage content migrations
How it works
The skill provides structured reference guides for Sanity development, covering schema modeling, query patterns, and framework-specific integration rules.
Inputs & outputs
When to use sanity-best-practices
- →Design efficient Sanity content schemas
- →Optimize GROQ queries for performance
- →Set up type-safe content with TypeGen
About sanity-best-practices
Provides structured guidance on building with Sanity. It covers schema definitions, GROQ query optimization, type safety, and integration patterns for various frontend frameworks.
Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, Blueprints, and framework integrations such as Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen, and the App SDK.
When not to use it
- →When creating deterministic UUIDs or slug-derived IDs for documents
Limitations
- →Requires loading specific topic files for detailed guidance
How it compares
It enforces specific Sanity-maintained rules for document ID generation and reference resolution rather than generic database modeling.
Compared to similar skills
sanity-best-practices side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| sanity-best-practices (this skill) | 0 | 3mo | No flags | Intermediate |
| nextjs-supabase-auth | 12 | 9mo | No flags | Intermediate |
| vitepress | 5 | 9mo | No flags | Beginner |
| app-specific-patterns | 4 | 4mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by navikt
View all by navikt →You might also like
nextjs-supabase-auth
davila7
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
vitepress
antfu
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
app-specific-patterns
growilabs
GROWI main application (apps/app) specific patterns for Next.js, Jotai, SWR, and testing. Auto-invoked when working in apps/app.
javascript-typescript-typescript-scaffold
sickn33
You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite, N
server-actions
davepoon
This skill should be used when the user asks about "Server Actions", "form handling in Next.js", "mutations", "useFormState", "useFormStatus", "revalidatePath", "revalidateTag", or needs guidance on data mutations and form submissions in Next.js App Router.
web-frameworks
mrgoonie
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.