43,511 servers you connect by URL over streamable HTTP. Nothing to install or keep running on your machine.
A remote MCP server runs on someone else's infrastructure and your client connects to it by URL over streamable HTTP (older servers use SSE). Sign-in usually happens through OAuth in the browser instead of an API key in a config file.
Local servers run as a process on your machine and can reach your files and private network. Remote servers need no runtime and update themselves, but your data goes to the provider. Pick remote for SaaS products, local for files, databases on your network and anything offline.
In Claude Code run claude mcp add --transport http <name> <url>. In Cursor and Gemini CLI add the URL under mcpServers; in VS Code add it under servers with "type": "http". Each server page has the exact config.
Lets an AI client create, inspect, validate, and save editable 3D building scenes, including walls, rooms, doors, and furnishings.
$claude mcp add editor -- npx -y @pascal-app/mcp
Enables AI clients to create, search, and render interactive diagrams using Mermaid or XML directly in chat or the draw.io editor.
$claude mcp add --transport http drawio-mcp https://mcp.draw.io/mcp
Provides coding agents with real-world production website references, including color palettes, fonts, and JSX components to improve UI design quality.
$claude mcp add inspo -- npx -y inspo-mcp
Search StyleKit design styles and fetch tokens, recipes, assets, and lint checks for AI-generated UI code.
$claude mcp add stylekit-mcp -- npx -y stylekit-mcp
Lets AI agents interact with a collaborative whiteboard canvas to draw and visually collaborate.
$claude mcp add --transport http tldraw https://tldraw-mcp-app.tldraw.workers.dev/mcp
Lets an AI client discover, search, and install animated React components and design systems directly into your project via shadcn commands.
$claude mcp add aicanvas-b4164e -- npx -y @aicanvas/mcp
Lets an AI client create and edit on-brand React presentations through shared agent actions.
$claude mcp add --transport http agent-native-slides https://slides.agent-native.com/mcpLets an AI client create and review visual plans with diagrams, wireframes, prototypes, and annotations, then share them.
$claude mcp add --transport http agent-native-plan https://plan.agent-native.com/mcpLets an AI client define actions once and use them as tools to build and edit visual designs and agent-powered apps.
$claude mcp add --transport http agent-native-design https://design.agent-native.com/mcpLets an AI client upload, organize, search, and generate on-brand images and videos in a digital asset library.
$claude mcp add --transport http agent-native-assets https://assets.agent-native.com/mcp
Gives coding agents design knowledge, audits, and a taste profile to evaluate and improve a UI.
$claude mcp add raven-mcp -- npx -y raven-mcp
Generates complete Tailwind CSS color palettes from any CSS color and provides access to Tailwind's default color definitions.
$claude mcp add tailwindshades -- npx -y tailwindshades-mcp
Generates and edits Midjourney images and videos, and manages creative tasks from an AI client.
$claude mcp add midjourneymcp -- uvx mcp-midjourney
Extract brand colors, fonts, design tokens, SVGs, and paste-ready component code from any live website.
$claude mcp add miromiro-mcp -- npx -y miromiro-mcp
Renders markdown as email-safe HTML, lints email drafts for deliverability issues, and previews emails for AI clients.
$claude mcp add emailmd -- npx -y emailmd
Lets an AI client search Arc's React components, docs and props and get shadcn install commands.
$claude mcp add --transport http arc-library https://uiarc.dev/api/mcp
Lets an AI client draw floor plans, place furniture and cabinetry, check lighting and ergonomics, and render interior photos.
$https://github.com/leandrodaf/3d-new-era-ai/releases/download/v3.3.0/newera-mcp.mcpb
Let your AI assistant create GitHub profile and repository cards for READMEs, link previews, and social posts using live GitHub data.
$claude mcp add githubcard-mcp -- npx -y @ghcardhq/ghcard
Generates and validates ApexCharts chart, gantt, tree, sankey, grid, stock and map configs and serves each product's reference docs.
$claude mcp add apexcharts-mcp -- npx -y apexcharts-mcp
Maps a natural-language sentence to matching visual art styles and the feeling words behind them, with definitions and prompts.
$claude mcp add feeling-search-mcp -- npx -y feeling-search-mcp