How to use GradientDeck MCP with your agents
Complete guides on connecting GradientDeck's 17,000+ design assets, code generators, and anti-slop design advisor to Claude Code, Cursor, Windsurf, Codex, OpenCode, and OpenAI — and using them to build UI that doesn't look AI-generated.
Getting Started with GradientDeck MCP
Everything you need to connect GradientDeck to your AI agent — what it is, what you get, and how to set it up in under 30 seconds. Covers Claude Code, Cursor, Windsurf, Codex, OpenCode, and the OpenAI API.
Anti-Slop Design: Making AI-Generated UI That Doesn't Look AI-Generated
The 58 gates, how they work, what they catch, and why your agent's output should pass them before you ship. A deep dive into the anti-AI-slop system built into GradientDeck MCP.
Building a Therapist Booking Landing Page with GradientDeck MCP
A real-world walkthrough: from a blank page to a production-ready therapist booking SaaS landing page — using only GradientDeck MCP tools. See the full process: recommend, generate, compose, audit.
Hero Section Layouts: A Complete Guide for Designers and Developers
Every hero layout pattern worth using, with inline HTML/CSS examples you can copy. Learn when to use a split hero vs a centered hero, why full-viewport centered heroes are the #1 AI-slop tell, and how to bias your layout for real impact.
Glassmorphism in Tailwind CSS v4: A Practical Guide with Copy-Paste Examples
How to build real frosted-glass UI in Tailwind v4 — backdrop-filter, saturation, borders, shadows, and the accessibility pitfalls nobody talks about. With copy-paste code.
WCAG Contrast for Designers: A Practical Guide (Not Just a Ratio Calculator)
Contrast ratios explained without jargon. What 4.5:1 actually means, how to test it, the five most common failures, and accessible alternatives you can copy. With live examples.