Community이미지github.com

sanity-io/sanity-best-practices

Sanity 개발 모범 사례: 스키마 설계, GROQ 쿼리, TypeGen, Visual Editing, 이미지, Portable Text, Studio 구조, 지역화, 마이그레이션, Sanity Functions, Blueprints 및 Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen, App SDK 같은 프레임워크 통합을 다룹니다.

sanity-best-practices란 무엇인가요?

이 스킬은 Sanity CMS 기반 프로젝트를 개발할 때 따라야 할 모범 사례를 종합적으로 제공합니다. 스키마 설계, GROQ 쿼리 최적화, TypeGen을 통한 타입 안전성 확보, Visual Editing 설정, 이미지 및 Portable Text 처리, Studio 구조화, 다국어 지원(localization), 데이터 마이그레이션, Sanity Functions를 활용한 이벤트 기반 자동화, Blueprints를 통한 콘텐츠 패턴 재사용 등 핵심 영역을 다룹니다. 또한 Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen 등 주요 프론트엔드 프레임워크와의 통합 모범 사례를 제공합니다. Sanity 스키마 작성(defineType, defineField), GROQ 쿼리(defineQuery), 프레젠테이션/미리보기 설정, 문서 이벤트 핸들러(documentEventHandler), 미디어 라이브러리 에셋 함수(defineMediaLibraryAssetFunction) 등 다양한 상황에서 이 스킬을 활용하여 코드 리뷰와 문제 해결을 지원합니다.

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

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

원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

sanity-best-practices은(는) 무엇을 하나요?

Sanity 개발 모범 사례: 스키마 설계, GROQ 쿼리, TypeGen, Visual Editing, 이미지, Portable Text, Studio 구조, 지역화, 마이그레이션, Sanity Functions, Blueprints 및 Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen, App SDK 같은 프레임워크 통합을 다룹니다. Sanity 스키마 작업(defineType, defineField), GROQ(defineQuery), 콘텐츠 모델링, Presentation 또는 미리보기 설정, Sanity 기반 프론트엔드 통합, Sanity Functions, documentEventHandler, defineDocumentFunction, defineMediaLibraryAssetFunction, @sanity/functions, @sanity/blueprints, sanity.blueprint.ts, 이벤트 주도 콘텐츠 자동화, 또는 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.

관련 스킬

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 이미지 skills