From sanity
Comprehensive Sanity development best practices covering GROQ performance, schema design, Visual Editing, images, Portable Text, page builders, Studio configuration, TypeGen, localization, and migrations. Use this skill when building, reviewing, or optimizing Sanity applications.
npx claudepluginhub jadecli/jadecli-claude-pluginsThis skill uses the workspace's default tool permissions.
Comprehensive best practices guide for Sanity development, maintained by Sanity. Contains rules across 10 categories, prioritized by impact to guide schema design, query optimization, and frontend integration.
rules/_sections.mdrules/groq-avoid-joins-in-filters.mdrules/groq-cursor-pagination.mdrules/groq-define-query.mdrules/groq-merge-references.mdrules/groq-optimizable-filters.mdrules/groq-order-before-slice.mdrules/groq-project-fields.mdrules/i18n-document-vs-field.mdrules/image-hotspot.mdrules/image-query-lqip.mdrules/migration-html-import.mdrules/pagebuilder-block-previews.mdrules/pagebuilder-objects-vs-refs.mdrules/pte-custom-components.mdrules/schema-array-keys.mdrules/schema-data-over-presentation.mdrules/schema-define-helpers.mdrules/schema-deprecation-pattern.mdrules/schema-reference-vs-object.mdProvides Sanity best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Functions, Blueprints, and integrations with Next.js, Nuxt, Astro, Angular, SvelteKit.
Provides expert guidance on Webflow CMS architecture and best practices for planning collections, setting up relationships, optimizing content structure, and troubleshooting issues.
Guides frontend code with UI/UX best practices across accessibility, Core Web Vitals, responsive layouts, forms, typography, and animations for performant, usable interfaces.
Share bugs, ideas, or general feedback.
Comprehensive best practices guide for Sanity development, maintained by Sanity. Contains rules across 10 categories, prioritized by impact to guide schema design, query optimization, and frontend integration.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | GROQ Performance | CRITICAL | groq- |
| 2 | Schema Design | HIGH | schema- |
| 3 | Visual Editing | HIGH | visual- |
| 4 | Images | HIGH | image- |
| 5 | Portable Text | HIGH | pte- |
| 6 | Page Builder | MEDIUM | pagebuilder- |
| 7 | Studio Configuration | MEDIUM | studio- |
| 8 | TypeGen | MEDIUM | typegen- |
| 9 | Localization | MEDIUM | i18n- |
| 10 | Migration | LOW-MEDIUM | migration- |
Read individual rule files for detailed explanations and code examples:
rules/groq-optimizable-filters.md
rules/schema-data-over-presentation.md
rules/_sections.md
Each rule file contains:
Framework-specific guidance (Next.js, Astro, Remix, etc.) is available via the Sanity MCP server using list_sanity_rules and get_sanity_rules tool calls when available. If the MCP server is not configured, run npx sanity@latest mcp configure to set it up.