GradientDeck

Product Overview

GradientDeck is a free library of 1,270 DESIGN.md files extracted from real, admired websites — from developer tools like Cloudflare, Laravel, NestJS, and Railway to brand sites like Toca Boca and Feeld. Each file captures a site's design language as machine-readable rules: colors, typography, spacing values, and component conventions. The intended workflow is agent-first. Copy a site's DESIGN.md into your repo (or fetch it with a single curl command), then ask Claude Code, Codex, or Cursor to build the screen you need — every color, font, and spacing value comes from the site you picked, so the agent designs like the product team behind it. It is a practical answer to the common problem of AI-coded interfaces drifting toward generic defaults. The library can be browsed by category (Developer tools, Productivity, AI, Brand, SaaS, and more) and filtered by theme — 874 light, 272 dark, and 124 mixed — alongside views by palette and by typeface. There is an extended DESIGN.md format, the full library available as JSON, an llms.txt endpoint for agents, saved lists, and a request channel for sites not yet included. Everything is free with no account.

Best For

Best for developers using AI coding agents who want their products to inherit the design language of sites they admire

Key Features

• Library of 1,270 DESIGN.md files from real websites
• Covers developer tools, productivity, AI, brand, and SaaS sites
• Design rules captured as colors, type, spacing, and component conventions
• One-line curl command to fetch any DESIGN.md
• Built for Claude Code, Codex, and Cursor agents
• Filter by theme: 874 light, 272 dark, 124 mixed
• Browse by palette and by typeface
• Extended DESIGN.md format and library as JSON
• llms.txt endpoint for agents
• Request-a-site channel