Sanity 开发最佳实践：涵盖 Schema 设计、GROQ 查询、TypeGen、可视化编辑、图片处理、Portable Text、Studio 结构、本地化、迁移、Sanity Functions、Blueprints 以及与 Next.js、Nuxt、Astro、Remix、SvelteKit、Angular、Hydrogen 和 App SDK 等框架的集成。在操作 Sanity Schema、defineType、defineField、GROQ、defineQuery、内容建模、Presentation 或预览设置、Sanity 前端集成、Sanity Functions、documentEventHandler、defineDocumentFunction、defineMediaLibraryAssetFunction、@sanity/functions、@sanity/blueprints、sanity.blueprint.ts、事件驱动内容自动化，或审查与修复 Sanity 代码库时使用此技巧。
本技能提供了全面的 Sanity 开发最佳实践指南，覆盖 Schema 设计、GROQ 查询、TypeGen、可视化编辑、图片处理、Portable Text、Studio 结构、本地化、迁移、Sanity Functions、Blueprints 以及与 Next.js、Nuxt、Astro、Remix、SvelteKit、Angular、Hydrogen 和 App SDK 等主流框架的集成。它基于社区积累的经验和官方推荐，帮助开发者避免常见陷阱，提升开发效率。该技能在 AI 编码助手（如 Claude Code、Cursor 等）中使用时，能针对 Sanity 特有的 API 和概念提供上下文相关的建议，例如在编写 defineType 或 defineField 时给出 Schema 设计建议，在编写 GROQ 查询时优化查询性能，或在使用 Sanity Functions 时提供事件驱动自动化的最佳实践。无论您是 Sanity 新手还是经验丰富的开发者，此技能都能显著提升代码质量。
npx skills add https://github.com/sanity-io/agent-toolkit/tree/main/skills/sanity-best-practicesInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Sanity 开发最佳实践：涵盖 Schema 设计、GROQ 查询、TypeGen、可视化编辑、图片处理、Portable Text、Studio 结构、本地化、迁移、Sanity Functions、Blueprints 以及与 Next.js、Nuxt、Astro、Remix、SvelteKit、Angular、Hydrogen 和 App SDK 等框架的集成。在操作 Sanity Schema、defineType、defineField、GROQ、defineQuery、内容建模、Presentation 或预览设置、Sanity 前端集成、Sanity Functions、documentEventHandler、defineDocumentFunction、defineMediaLibraryAssetFunction、@sanity/functions、@sanity/blueprints、sanity.blueprint.ts、事件驱动内容自动化，或审查与修复 Sanity 代码库时使用此技巧。
This repo contains 3 individual skills — each has its own dedicated page.
Content experimentation and A/B testing guidance covering experiment design, hypotheses, metrics, sample size, statistical foundations, CMS-managed variants, and common analysis pitfalls. Use this skill when planning experiments, setting up variants, choosing success metrics, interpreting statistical results, or building experimentation workflows in a CMS or frontend stack.
Structured content modeling guidance for schema design, content architecture, content reuse, references versus embedded objects, separation of concerns, and taxonomies across Sanity and other headless CMSes. Use this skill when designing or refactoring content types, deciding field shapes, debating reusable versus nested content, planning omnichannel content models, or reviewing whether a schema is too page-shaped or presentation-driven.
SEO and AEO best practices for metadata, Open Graph, sitemaps, robots.txt, hreflang, JSON-LD structured data, EEAT, and content optimized for search engines and AI answer surfaces. Use this skill when implementing page SEO, technical SEO, schema markup, international SEO, AI-overview readiness, or improving content for Google, ChatGPT, Perplexity, and similar assistants.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.