Community影像github.com

sanity-io/sanity-best-practices

Sanity 開發最佳實踐,涵蓋 schema 設計、GROQ 查詢、TypeGen、視覺編輯、圖片、Portable Text、Studio 結構、本地化、遷移、Sanity Functions、Blueprint,以及 Next.js、Nuxt、Astro、Remix、SvelteKit、Angular、Hydrogen 和 App SDK 等框架整合。

sanity-best-practices 是什麼?

此技能提供 Sanity 開發的權威最佳實踐指南,涵蓋從 schema 設計、GROQ 查詢最佳化到 TypeGen、視覺編輯、圖片和 Portable Text 處理等核心領域。它還深入探討 Studio 結構客製化、內容本地化、資料遷移策略,以及 Sanity Functions 和 Blueprints 等進階功能。技能支援多種主流前端框架(如 Next.js、Nuxt、Astro、Remix、SvelteKit、Angular、Hydrogen)和 App SDK 的整合,並提供事件驅動內容自動化的實作指引。當你需要處理 Sanity schema、GROQ 查詢、內容建模、Presentation 或預覽設定、前端整合、Sanity Functions、Blueprint 或程式碼審查與修復時,請使用此技能以確保遵循業界最佳實務。

相容平台~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 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

sanity-best-practices 是做什麼的?

Sanity 開發最佳實踐,涵蓋 schema 設計、GROQ 查詢、TypeGen、視覺編輯、圖片、Portable Text、Studio 結構、本地化、遷移、Sanity Functions、Blueprints,以及框架整合,例如 Next.js、Nuxt、Astro、Remix、SvelteKit、Angular、Hydrogen 與 App SDK。在處理 Sanity schemas、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.

相關技能