MCP Server

Design with AI agents

Connect GradientDeck to Claude, Cursor, Windsurf, Codex, OpenCode, or OpenAI. Your agent gets a catalog of 17,000+ design assets, CSS/Tailwind code generators, and a design advisor that recommends, critiques, and explains.

Livehttps://mcp.gradientdeck.com/mcp

Connect your agent

Claude

Anthropic's Claude — the Claude Code CLI and the claude.ai / Desktop app.

Docs ↗

Claude Code (CLI)

Run in your terminal (project or user scope).

bash

claude mcp add --transport http gradientdeck https://mcp.gradientdeck.com/mcp

Claude.ai & Desktop (Connectors)

Settings → Connectors → Add custom connector.

1.Open Settings → Connectors → Add custom connector.
2.Paste the URL: https://mcp.gradientdeck.com/mcp
3.Leave authentication blank — GradientDeck is public & read-only.

Agent logos by LogoKit

What you can ask

“Recommend a design direction for a fintech dashboard.”

“Find a dark blue/purple mesh gradient for a SaaS hero.”

“Generate a Tailwind glassmorphism pricing card.”

“Create an accessible brand palette from #7c3aed.”

“Critique a component for contrast and hierarchy.”

“Generate a full design system from #10b981.”

What's inside

17,000+ assets

Gradients, patterns, CSS animations, animated icons, color palettes, Tailwind colors, mesh/shadow/glass presets.

Code generators

Gradients, text gradients, patterns, blobs, mesh, glassmorphism, shadows, palettes, and full UI treatments — as CSS/Tailwind/React/SVG.

A design advisor

recommend_design, critique_design, explain_concept, color_theory, and generate_design_system — judgment grounded in the catalog.

Read-only & stateless — no accounts, no database, no user data. Public endpoint, no auth. Health check at /health.