Sanity について
Sanity Agent Toolkitは、コーディングエージェントにSanityプロジェクトへのMCPアクセスと開発ガイド、スキルを提供します。プロジェクト操作、最新のエージェントルール、対応エディターやエージェント向けプラグインをまとめています。
主な機能
- 01Sanityコンテンツの検索と管理
- 02スキーマとStudioの確認・デプロイ
- 03最新のSanityルールの読み込み
- 04開発スキルとプラグインの導入
- 05Claude Codeコマンドでのコードレビュー
活用シーン
- 01GROQドキュメントの検索とドラフト編集
- 02スキーマとStudioのデプロイ
- 03コンテンツモデリングとSEOガイドの適用
MCP 対応
https://mcp.sanity.io のリモートMCPサーバーは、Sanityのコンテンツ、データセット、リリース、スキーマ、ドキュメント、エージェントルールを操作するツールをMCPクライアントに公開します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://mcp.sanity.ioclaude mcp add --transport http sanity https://mcp.sanity.io{"mcpServers":{"sanity":{"type":"http","url":"https://mcp.sanity.io"}}}Cursor で開く{"servers":{"sanity":{"type":"http","url":"https://mcp.sanity.io"}}}VS Code で開く{"mcpServers":{"sanity":{"type":"http","url":"https://mcp.sanity.io"}}}{"mcpServers":{"sanity":{"serverUrl":"https://mcp.sanity.io"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
Sanity Agent Toolkit
AI エージェントが Sanity を活用してより良い開発を行えるよう支援するリソース集です。Cursor、Claude Code、Codex、VS Code、Lovable、v0、Replit、OpenCode、および MCP または Agent Skills に対応するその他のエディター/エージェントをサポートしています。
機能
- MCP サーバー: Sanity プロジェクト(コンテンツ、データセット、リリース、スキーマ)とエージェントルールに直接アクセスできます。
- エージェントスキル: Sanity 開発、コンテンツモデリング、SEO/AEO、実験に関する包括的なベストプラクティススキルです。25 件の統合/トピックガイドと、26 件の対象を絞ったベストプラクティスルールが含まれています。
- Agent Plugin: Agent Plugins 対応クライアント向けの
plugin.json、skills/、mcp.jsonコンポーネントです。 - Claude Code plugin: Claude Code ユーザー向けの MCP サーバー、エージェントスキル、スラッシュコマンドです。公式 Anthropic plugin marketplace で利用できます。
- Cursor plugin: Cursor Marketplace の MCP サーバー、エージェントスキル、コマンドです。
- Codex plugin: OpenAI Codex ユーザー向けの MCP サーバーとエージェントスキルです。
はじめに
エージェントに Sanity をどのように利用させるかに応じて、方法を選択してください。
- MCP サーバー — エージェントに、常に最新のルールと Sanity プロジェクトへのフルアクセスを提供します。ローカルファイルの管理は不要です。Cursor、VS Code、Claude Code、Lovable、v0、Replit、OpenCode、およびその他の MCP 対応クライアントで動作します。
- エージェントスキル — Sanity、コンテンツモデリング、SEO/AEO、実験に関するベストプラクティススキルをインストールします。Cursor、Claude Code、および Agent Skills 対応のあらゆるエージェントで動作します。
- プラグイン — Cursor、Claude Code、または Agent Plugins 対応クライアント向けの Sanity プラグインをインストールします。MCP サーバー、エージェントスキル、コマンドが含まれています。
- 手動インストール — オフラインで使用するため、スキルのリファレンスをローカルにコピーします。更新はご自身で行う必要があります。
オプション 1:MCP サーバーをインストールする(推奨)
MCP サーバーを通じて、エージェントに Sanity プロジェクトへの直接アクセスと、常に最新のエージェントルールを提供します。
Sanity CLI から簡単にインストール
ターミナルで実行すると、Cursor、Claude Code、VS Code 向けの MCP を自動的に検出して設定します。
npx sanity@latest mcp configure
認証にはログイン済みの CLI ユーザーを使用するため、手動でトークンや OAuth を設定する必要はありません。
クライアント固有の手順
Cursor
または手動で設定:コマンドパレット(Cmd+Shift+P / Ctrl+Shift+P)を開く → View: Open MCP Settings → + New MCP Server → mcp.json に追加:
{
"mcpServers": {
"Sanity": {
"type": "http",
"url": "https://mcp.sanity.io"
}
}
}
Claude Code
ターミナルで実行します。次回の起動時にOAuthで認証します:
claude mcp add Sanity -t http https://mcp.sanity.io --scope user
Codex
ターミナルで実行します。次回の起動時にOAuthで認証します:
codex mcp add Sanity --url https://mcp.sanity.io
または、手動で ~/.codex/config.toml に追加します:
[mcp_servers.Sanity]
url = "https://mcp.sanity.io"
VS Code
コマンドパレット(Cmd+Shift+P / Ctrl+Shift+P)を開く → MCP: Open User Configuration → 次を追加します:
{
"servers": {
"Sanity": {
"type": "http",
"url": "https://mcp.sanity.io"
}
}
}
Lovable
Sanity は、Lovable の組み込みチャットコネクターとして利用できます:
- Connectors → Chat connectors を開きます
- Sanity を選択します
- Connect をクリックし、サインインして Sanity アカウントを認証します
次のプロンプトで Sanity プロジェクトを指定するか、エージェントにスキーマを読み取るよう依頼してください。
詳しくは、Lovable MCP ドキュメントまたはSanity + Lovable ガイドをご覧ください。
v0
プロンプト入力欄で、Prompt Tools → MCPs → Add New → Sanity を選択 → Authorize → OAuthで認証します。
Replit
Integrations Page に移動 → MCP Servers for Replit Agent までスクロール → Add MCP server → 名前に Sanity、サーバーURLに https://mcp.sanity.io を入力 → Test & Save → OAuthで認証します。
OpenCode
opencode.json に追加します:
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"sanity": {
"type": "remote",
"url": "https://mcp.sanity.io",
"oauth": {}
}
}
}
次に実行します:opencode mcp auth sanity
その他のクライアント
MCP互換クライアントでは、サーバーURLとして https://mcp.sanity.io を追加してください。
クライアントがリモートMCPサーバーに対応していない場合は、mcp-remote などのプロキシを使用します:
{
"mcpServers": {
"Sanity": {
"command": "npx",
"args": ["mcp-remote", "https://mcp.sanity.io", "--transport", "http-only"]
}
}
}
認証とトラブルシューティング
手動でのMCP設定では、デフォルトでOAuthを使用します。代わりにトークン認証を使用するには、MCP設定で Authorization: Bearer <token> ヘッダーを設定します。CLIの設定後に認証に失敗した場合は、npx sanity@latest mcp configure を再実行し、MCPクライアントを再起動してください。OAuthのリセットに関する問題については、Cursorには Cursor: Clear All MCP Tokens、VS Codeには Authentication: Remove Dynamic Authentication Providers があります。
認証方法とトラブルシューティングについては、Sanity MCP ドキュメントをご覧ください。
オプション 2:Agent Skills をインストールする
あらゆるAgent Skills互換エージェントで使える、ベストプラクティスのスキルをインストールします。
npx skills add sanity-io/agent-toolkit
プラグインのインストールについては、オプション 3をご覧ください。
オプション 3:プラグインをインストールする
Sanity プラグインをインストールすると、MCP サーバー、エージェントスキル、コマンドを利用できます。 Claude Code マーケットプレイス、Cursor Marketplace、またはこのリポジトリのAgent Pluginとして入手できます。
Claude Code
Sanity プラグインは、公式の Anthropic プラグインマーケットプレイスに掲載されています。公式マーケットプレイス(claude-plugins-official)は Claude Code の起動時に事前登録されるため、カスタムマーケットプレイスを追加する必要はありません。
Claude Code からインストールします。
/plugin install sanity@claude-plugins-official
プラグインが見つからない場合は、マーケットプレイスのカタログを更新して、もう一度試してください。
/plugin marketplace update claude-plugins-official
次に /reload-plugins を実行すると、再起動せずに有効化できます。
別の方法:対話形式でインストール
/pluginを実行し、Discover タブを開きます- Sanity を検索します
- インストールを確定する前に、プラグインでインストールされるコマンド、スキル、フック、MCP サーバーを確認します(Anthropic は、インストール前にプラグインの権限とソースを確認することを推奨しています)
- インストールするスコープを選択します。
- User(デフォルト):このマシン上のすべてのプロジェクト
- Project:
.claude/settings.jsonを通じて共同作業者と共有 - Local:このリポジトリのみ
/reload-pluginsを実行すると、再起動せずに有効化できます
インストールの確認: Claude Code に「どのスキルを利用できますか?」と尋ねてください。
Sanity のスキルが表示されます。
使い始める: 自然言語で指示すると、スキルが自動的に有効になります。
Sanity でブログ投稿のスキーマを作成するのを手伝ってください
GROQ クエリと Next.js Visual Editing の設定を確認してください
または /sanity を実行して、すべての機能を確認してください。
Cursor
Cursor チャットで次のコマンドを実行し、Cursor Marketplace からインストールします。
/add-plugin sanity
インストールの確認: Cursor に「どのスキルを利用できますか?」と尋ねてください。
Sanity のスキルが表示されます。
使い始める: 自然言語で指示すると、スキルが自動的に有効になります。
Sanity でブログ投稿のスキーマを作成するのを手伝ってください
GROQ クエリと Next.js Visual Editing の設定を確認してください
Codex
- Sanity マーケットプレイスを追加します。
codex plugin marketplace add sanity-io/agent-toolkit
-
Codex のプラグインディレクトリからプラグインをインストールします(Sanity Agent Toolkit マーケットプレイスを選択し、Sanity をインストールします)。
-
Codex を再起動します。「どのスキルを利用できますか?」と尋ねて確認してください。Sanity のスキルが表示されます。
オプション 4:手動インストール
スキルの参照情報をローカルにインストールし、エディターに Sanity のベストプラクティスを学習させます。
skills/sanity-best-practices/をプロジェクトにコピーします。- (推奨)
AGENTS.mdをプロジェクトのルートにコピーし、ナレッジルーターとして使用します。
機能
MCP ツール
MCP を接続すると、AI は次のようなツールを使用できます。
query_documents— GROQ クエリを直接実行しますcreate_documents— 構造化コンテンツからドラフトドキュメントを作成します。または、リリース ID が指定されている場合はドキュメントのバージョンを作成しますpatch_documents— 既存ドキュメントをピンポイントで編集します。公開済みドキュメントを編集する場合は、ドラフトを作成または更新しますpublish_documents/unpublish_documents— ドキュメントのライフサイクルを管理しますdeploy_schema/get_schema— MCP 管理スキーマをデプロイし、デプロイ済みスキーマを確認しますdeploy_studio— MCP 管理スキーマに紐付けられたホスト型 Studio をデプロイしますcreate_release/list_releases— コンテンツリリースを作成して確認しますcreate_version— リリース用のバージョンドキュメントを作成しますgenerate_image/transform_image— AI による画像生成と編集を行いますwhoami— 認証済みの Sanity ユーザーを確認しますget_project_studios— プロジェクトにリンクされた Studio アプリケーションを一覧表示しますsearch_docs/read_docs— Sanity のドキュメントを検索して読み込みますlist_sanity_rules/get_sanity_rules— エージェントルールを必要に応じて読み込みますgive_feedback— MCP ツールのエラー、機能の不足、わかりにくい出力、ドキュメントの問題を報告します
MCP 管理スキーマは、Studio でデプロイされたスキーマやレガシースキーマより優先して解決されます。deploy_schema でスキーマを変更した場合は、該当する MCP 管理 Studio を deploy_studio で再デプロイし、最新のスキーマを反映してください。instruction を指定した generate_image、transform_image、create_version は、Sanity AI クレジットを消費します。
利用可能なツールの全一覧をご覧ください。
エージェントスキル
Claude Code、Cursor、GitHub Copilot などのエージェントが自動的に検出して使用できる、ベストプラクティスのスキルです。スキルは Agent Skills 形式に準拠しています。インストール方法については、オプション 2をご覧ください。
| スキル | 説明 |
|---|---|
| sanity-best-practices | GROQ のパフォーマンス、スキーマ設計、Visual Editing、画像、Portable Text、Studio、TypeGen、ローカライズ、マイグレーション、フレームワーク連携のガイド |
| content-modeling-best-practices | 構造化コンテンツの原則:関心事の分離、参照と埋め込みの使い分け、コンテンツの再利用 |
| seo-aeo-best-practices | EEAT の原則に基づく SEO/AEO、構造化データ(JSON-LD)、テクニカル SEO のパターン |
| content-experimentation-best-practices | A/B テストの手法、統計的基礎、実験設計 |
| sanity-singletons | document.singletons、Structure ヘルパーを使った第一級のシングルトンドキュメント、およびユーザーランドやプラグインベースのシングルトンからの移行 |
| sanity-form-component-suspense | 独自の Suspense 境界を持たずにサスペンドし、レイアウトシフトや新規ドキュメントの作成ブロックを引き起こす、カスタム Studio フォームコンポーネント(入力、フィールド、配列アイテム)を修正します |
はじめ方の流れ
オンボーディングガイドは、次の 3 つのフェーズに沿って進みます。
- Studio とスキーマ — Sanity Studio をセットアップし、コンテンツモデルを定義します
- コンテンツ — 既存のコンテンツをインポートするか、MCP を使ってプレースホルダーコンテンツを生成します
- フロントエンド — アプリケーションに統合します(フレームワークに応じた手順)
「Sanity を始める」と言うだけで開始できます。
スラッシュコマンド(Claude Code)
| コマンド | 機能 |
|---|---|
/sanity | 利用可能なスキルとヘルプトピックを一覧表示します |
/sanity-review | Sanity のベストプラクティスに照らしてコードをレビューします |
/typegen | TypeGen を実行し、問題をトラブルシューティングします |
/deploy-schema | 検証を行いながらスキーマをデプロイします |
リポジトリ構成
注記:
skills/sanity-best-practices/references/内の参照ファイルは、Sanity MCP サーバーのlist_sanity_rules/get_sanity_rulesツールの正規コンテンツです。各ファイルには、有効なnameとdescriptionのフロントマターが必要です。ルール名はファイル名から導出されます(例:nextjs.md→nextjs)。
sanity-io/agent-toolkit/
├── AGENTS.md # Knowledge router & agent behavior
├── README.md # This file
├── plugin.json # Portable Agent Plugins v1 manifest
├── mcp.json # Portable Agent Plugins v1 MCP configuration
├── .agents/plugins/ # Codex marketplace
│ └── marketplace.json # Codex marketplace metadata
├── .claude-plugin/ # Claude Code plugin configuration (distributed via claude-plugins-official)
│ ├── plugin.json # Plugin manifest (name: sanity)
│ └── marketplace.json # Marketplace manifest for repo-based discovery
├── .codex-plugin/ # Codex plugin configuration
│ └── plugin.json # Codex plugin manifest
├── .cursor-plugin/ # Cursor plugin configuration (distributed via cursor.com/marketplace)
│ ├── marketplace.json # Cursor marketplace metadata
│ └── plugin.json # Per-plugin manifest
├── .mcp.json # Legacy client MCP compatibility configuration
├── assets/ # Plugin branding
│ └── logo.svg # Sanity logo for marketplace display
├── commands/ # Agent commands
│ ├── sanity.md # /sanity help
│ ├── sanity-review.md # /sanity-review
│ ├── typegen.md # /typegen
│ └── deploy-schema.md # /deploy-schema
├── scripts/ # Validation and CI scripts
│ ├── validate-agent-plugin.mjs # Validate manifests against the v1 JSON Schemas
│ └── validate-cursor-plugin.mjs # Cursor plugin validator
└── skills/ # Agent skills (agentskills.io format)
├── sanity-best-practices/ # Comprehensive Sanity skill
│ ├── SKILL.md # Skill definition and quick reference
│ └── references/ # Canonical content (25 guides)
│ ├── get-started.md # Onboarding guide
│ ├── nextjs.md # Next.js integration
│ ├── groq.md # GROQ patterns & performance
│ ├── schema.md # Schema design & validation
│ └── ... # See SKILL.md for full index
├── content-modeling-best-practices/ # Modeling guidance + topic references
├── seo-aeo-best-practices/ # SEO/AEO guidance + topic references
├── content-experimentation-best-practices/ # Experiment design + stats references
├── sanity-singletons/ # First-class singleton documents (Studio 6.17+)
└── sanity-form-component-suspense/ # Suspense boundaries for custom form components
すべてのスキルでは、必要に応じて読み込む詳細なコンテンツに references/ を使用します。sanity-best-practices の参照ファイルは、MCP サーバーの Sanity ルールの正規ソースでもあります。
リソース
- Sanity アカウントを作成
- Sanity ドキュメント
- GROQ 言語リファレンス
- ビジュアル編集ガイド
- Sanity TypeGen
- MCP サーバーのドキュメント
- エージェントプラグイン仕様
- Blueprints Infrastructure as Code
コントリビューション
より良いパターンを見つけましたか?フレームワークやベストプラクティスが不足していますか?スキルの仕組みと、優れたコントリビューションの条件については、コントリビューションガイドを読んでから、次の手順に進んでください。
- リポジトリをフォークします。
npm installで依存関係をインストールします。skills/<skill-name>/で変更を加えます。npm run validate:allを実行して、スキルとプラグインの有効性を確認します。- PR を送信します。
サポート
ライセンス: MIT
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。