StackMCP
Intermediate

Headless CMS Stack

Build content-driven websites and apps with a headless CMS backend, media management, and seamless frontend deployment.

5 servers57.2K tokens29% of context

Token Budget

57.2K used (28.6%)142.8K remaining
Sanity MCP20.6K (10.3%)
Supabase MCP12.9K (6.4%)
GitHub MCP10.3K (5.1%)
Cloudinary MCP7.2K (3.6%)
Vercel MCP6.2K (3.1%)

Heavy token usage. Consider removing a server or using a larger context window.

Config

Paste in ~/.claude.json

json
{
  "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"
      }
    },
    "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"
      }
    },
    "vercel-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "vercel-mcp"
      ],
      "env": {
        "VERCEL_API_TOKEN": "YOUR_VERCEL_API_TOKEN"
      }
    }
  }
}

Included Servers

Vercel MCP

Community

43
deployment

Connect to the Vercel API to manage deployments, projects, domains, and environment variables from your AI editor.

64605/wk6.2K tokens(3%)6mo ago

Deploy your frontend with automatic preview deployments, edge caching, and instant rollbacks for every content update.

Cloudinary MCP

Cloudinary

60
design

Upload, transform, search, and manage images and videos on Cloudinary with asset management, folder operations, and usage metrics.

8192/wk7.2K tokens(4%)Official2mo ago

Optimize, transform, and deliver images and videos at scale — automatic format selection, resizing, and CDN delivery for all media assets.

Recommended Skills

Skills that pair with the servers in this stack. Learn more

For Supabase MCP

Supabase Postgres Best PracticesOfficialbest-practices

Official Supabase skill covering PostgreSQL optimization, query performance, RLS policies, schema design, and connection management.

npx skillsadd supabase/agent-skills/supabase-postgres-best-practices
Next.js + Supabase Authworkflow

Supabase Auth integration patterns with Next.js App Router. Covers SSR auth, middleware, and protected routes.

npx skillsadd sickn33/antigravity-awesome-skills/nextjs-supabase-auth

For Vercel MCP

React Best PracticesOfficialbest-practices

Official Vercel skill for React and Next.js performance optimization, based on Vercel Engineering guidelines.

npx skillsadd vercel-labs/agent-skills/vercel-react-best-practices
Web Design GuidelinesOfficialbest-practices

Official Vercel skill covering Web Interface Guidelines, accessibility audits, and responsive design standards.

npx skillsadd vercel-labs/agent-skills/web-design-guidelines
Deploy to VercelOfficialworkflow

Deploy applications to Vercel with preview URLs and production environments via Vercel CLI.

npx skillsadd vercel-labs/agent-skills/vercel-deploy

For GitHub MCP

GitHub CLI Workflowsworkflow

Use gh CLI for all GitHub operations including stacked PR workflows, issue management, and CI/CD automation.

npx skillsadd callstackincubator/agent-skills/github
Fix CI Failuresworkflow

Debug and fix failing GitHub PR checks in GitHub Actions. Automatically diagnoses CI issues and suggests fixes.

npx skillsadd openai/skills/gh-fix-ci
Address PR Commentsworkflow

Address PR review comments using GitHub CLI. Streamlines the code review response workflow.

npx skillsadd openai/skills/gh-address-comments
Code Reviewerrole

Automated code review for TypeScript, JavaScript, Python, Go. Analyzes PRs for complexity, SOLID violations, and code smells.