SkyMCP is now free for everyone!

Design themes,
effortlessly

{ A design theme registry for AI agents — colors, motion, typography, and rules delivered via the Model Context Protocol }

Get SkyMCP →

{ GSAP® Tools }

Available Themes

GSAP website preview ↗ gsap.com

GSAP Motion

Neon playground in midnight void. Mori typeface at extreme scales, vivid accent colors, shadowless flat canvas. Animation configs, scroll triggers, and timeline presets.

Explore GSAP →
Vercel website preview ↗ vercel.com

Vercel

Clean, minimal, developer-focused. Monochrome palette with blue accent. Inter typeface, sharp typography, polished simplicity.

Explore Vercel →
Render website preview ↗ render.com

Render

Modern developer platform aesthetic. Purple accent identity, dark surfaces, springy motion, polished interactions.

Explore Render →

{ SkyMCP Tools }

What you can do

list_themes

List all available design themes from the registry

get_theme

Get full design tokens and motion config for a theme

get_theme_rules

Get design rules and guidelines for AI agents

get_theme_typography

Get font families, type scales, and heading styles

{ Install }

Works with any MCP client

SkyMCP uses the standard Model Context Protocol — compatible with every AI coding tool that supports MCP.

Claude Desktop
Cursor
VS Code (GitHub Copilot)
Windsurf
Codebuff
Continue.dev
Claude Code (CLI)
Any MCP client
Step 1 — Add this config

Add the following to your MCP configuration file. The config key is mcpServers for most clients, or servers for VS Code.

{ "mcpServers": { "design-registry": { "command": "npx", "args": [ "-y", "mcp-remote@latest", "https://sky-mc-p.vercel.app/mcp" ] } } }
Step 2 — Config locations

Claude Desktop — %APPDATA%\Claude\claude_desktop_config.json

Cursor — Settings → Features → MCP → Add new global MCP server

VS Code — Command Palette → "MCP: Open User Configuration" (use servers instead of mcpServers)

Windsurf — Settings → MCP Servers

Codebuff — Add to your .coderules or CLI config

Continue.dev — ~/.continue/config.json

Claude Code — claude.json in your project root

Step 3 — Use it

Restart your IDE or tool, then ask your AI assistant: "List all available design themes"

✓ Verify It Works

After installing, ask your AI assistant:

"List all available design themes"