Headless CMS Stack for Claude Desktop
Configuration
{
"mcpServers": {
"sanity-mcp": {
"command": "npx",
"args": [
"-y",
"@sanity/mcp-server"
],
"env": {
"SANITY_PROJECT_ID": "YOUR_SANITY_PROJECT_ID",
"SANITY_TOKEN": "YOUR_SANITY_TOKEN"
}
},
"supabase-mcp": {
"command": "npx",
"args": [
"-y",
"@supabase/mcp-server-supabase"
],
"env": {
"SUPABASE_ACCESS_TOKEN": "YOUR_SUPABASE_ACCESS_TOKEN"
}
},
"vercel-mcp": {
"command": "npx",
"args": [
"-y",
"vercel-mcp"
],
"env": {
"VERCEL_API_TOKEN": "YOUR_VERCEL_API_TOKEN"
}
},
"github-mcp": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-github"
],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": "YOUR_GITHUB_PERSONAL_ACCESS_TOKEN"
}
},
"cloudinary-mcp": {
"command": "npx",
"args": [
"-y",
"@cloudinary/asset-management-mcp"
],
"env": {
"CLOUDINARY_CLOUD_NAME": "YOUR_CLOUDINARY_CLOUD_NAME",
"CLOUDINARY_API_KEY": "YOUR_CLOUDINARY_API_KEY",
"CLOUDINARY_API_SECRET": "YOUR_CLOUDINARY_API_SECRET"
}
}
}
}Where to save
Paste the config above into:
~/Library/Application Support/Claude/claude_desktop_config.jsonEnvironment Variables
Replace the YOUR_ placeholders with your actual values.
SANITY_PROJECT_IDrequiredSanity project ID
Used by: Sanity MCP
SANITY_TOKENrequiredSanity API token with write access
Used by: Sanity MCP
SUPABASE_ACCESS_TOKENrequiredSupabase personal access token
Used by: Supabase MCP
VERCEL_API_TOKENrequiredVercel API token
Used by: Vercel MCP
GITHUB_PERSONAL_ACCESS_TOKENrequiredGitHub personal access token
Used by: GitHub MCP
CLOUDINARY_CLOUD_NAMErequiredCloudinary cloud name
Used by: Cloudinary MCP
CLOUDINARY_API_KEYrequiredCloudinary API key
Used by: Cloudinary MCP
CLOUDINARY_API_SECRETrequiredCloudinary API secret
Used by: Cloudinary MCP
What’s in this stack
Manage Sanity CMS content with 40+ tools for document operations, schema management, content releases, GROQ queries, and media generation.
Manage structured content with a flexible, real-time headless CMS that supports custom schemas, GROQ queries, and live previews.
Query your Supabase database, manage tables, run migrations, deploy edge functions, and manage branches directly from your AI editor.
Add authentication, user management, and relational data storage for content that needs access control and dynamic features.
Connect to the Vercel API to manage deployments, projects, domains, and environment variables from your AI editor.
Deploy your frontend with automatic preview deployments, edge caching, and instant rollbacks for every content update.
Access the GitHub API to manage repositories, issues, pull requests, branches, and workflows directly from your AI editor.
Version control your CMS schemas, frontend code, and content migrations with collaborative pull request workflows.
Upload, transform, search, and manage images and videos on Cloudinary with asset management, folder operations, and usage metrics.
Optimize, transform, and deliver images and videos at scale — automatic format selection, resizing, and CDN delivery for all media assets.