CommunityImagemgithub.com

sanity-io/sanity-melhores-praticas

Melhores práticas de desenvolvimento Sanity para design de schema, consultas GROQ, TypeGen, Edição Visual, imagens, Portable Text, estrutura do Studio, localização, migrações, Sanity Functions, Blueprints e integrações com frameworks como Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen e o App SDK.

O que é sanity-melhores-praticas?

Este guia de melhores práticas para Sanity oferece diretrizes abrangentes para desenvolvedores que trabalham com ecossistema Sanity. Ele cobre desde o design de schemas com defineType e defineField, consultas GROQ otimizadas com defineQuery, até integrações com frameworks modernos como Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen e App SDK. A habilidade também documenta práticas para Edição Visual (Visual Editing), tratamento de imagens, Portable Text, estrutura do Studio, localização, migrações de conteúdo, Sanity Functions para automação orientada a eventos (documentEventHandler, defineDocumentFunction, defineMediaLibraryAssetFunction) e Blueprints (`sanity.blueprint.ts`, @sanity/blueprints). É útil ao revisar ou corrigir uma base de código Sanity, modelar conteúdo, configurar Preview ou Presentation, ou implementar automações com @sanity/functions. Desenvolvida para agentes de IA como Claude Code, Cursor e Codex, ela serve como referência canônica para garantir código consistente, eficiente e alinhado com as recomendações oficiais da Sanity, evitando armadilhas comuns e acelerando o desenvolvimento.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/sanity-io/agent-toolkit/tree/main/skills/sanity-best-practices

Installed? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que sanity-melhores-praticas faz?

Melhores práticas de desenvolvimento Sanity para design de schema, consultas GROQ, TypeGen, Edição Visual, imagens, Portable Text, estrutura do Studio, localização, migrações, Sanity Functions, Blueprints e integrações com frameworks como Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen e o App SDK. Use esta habilidade sempre que estiver trabalhando com schemas Sanity, defineType ou defineField, GROQ ou defineQuery, modelagem de conteúdo, configurações de Presentation ou preview, integrações frontend alimentadas por Sanity, Sanity Functions, documentEventHandler, defineDocumentFunction, defineMediaLibraryAssetFunction, @sanity/functions, @sanity/blueprints, sanity.blueprint.ts, automação de conteúdo orientada a eventos ou ao revisar e corrigir uma base de código Sanity.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

sanity-io/content-experimentation-best-practices

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.

sanity-io/content-modeling-best-practices

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.

sanity-io/seo-aeo-best-practices

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.

Habilidades Relacionadas

steipete/songsee

Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.

community

affaan-m/frontend-design

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.

community

mattpocock/improve-codebase-architecture

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

community

lobehub/add-provider-doc

Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.

community

addyosmani/browser-testing-with-devtools

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.

community

bytedance/chart-visualization

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.

community
← More Imagem skills