Field noteNov 5, 20265 min read1 source

GradientDeck UI — DESIGN.md files from real websites

In one minute

GradientDeck offers 1,286 DESIGN.md files based on real websites, which users can browse and copy into a repository for Claude Code, Codex or Cursor. The free, account-free library gives builders a concrete visual reference to hand to a coding agent, though the source does not establish how faithfully any agent will implement it.

What changed: GradientDeck offers a similar library of downloadable DESIGN.md website references, with 1,286 sites and free, no-account access.

What happened

GradientDeck’s public site presents a library of DESIGN.md files for people who want an AI coding agent to build interfaces in the visual style of sites they admire. Its headline describes the collection as containing 1,286 references. The site says users can copy any site’s DESIGN.md into their repository, after which Claude Code, Codex or Cursor can build with that site’s colors, type and rules. It describes the service as free and requiring no account.

The materials are organized as a browsable library. The page lists a set of newest entries, including Poolsuite, Moooi, MUBI Notebook, OFFF Forum, Unseen Studio, Studio Freight and Aesop. Each is presented with a category, such as Media, Commerce, Brand or Studio, and a DESIGN.md label. These examples show that the collection spans multiple kinds of sites, but the supplied page does not explain a formal taxonomy or how entries are selected.

The library also offers filters for light, dark and mixed designs. The displayed counts are 881 light, 272 dark and 133 mixed, adding up to the stated 1,286 entries. Users can browse the entries and download or copy a design file; the source describes copying a file into a repository as the workflow. It does not specify a required repository layout, special agent integration, or a command-line tool.

The intended use is to give an agent a more specific design reference than a free-form instruction. GradientDeck says agents can use a reference’s colors, typography and rules while building. The supplied material does not show the internal structure of a representative DESIGN.md, beyond naming those kinds of design guidance, nor does it give implementation examples, evaluation results, or guarantees that a generated interface will reproduce a reference accurately. No launch date, maintainer identity, pricing tiers, usage limits or licensing terms are stated in the supplied page.

What the archive adds

Earlier channel posts described Refero Styles’ collection of 2,000-plus DESIGN.md references on May 6, 2026, and Taste Lab’s attempt to extract a site’s design rationale on June 19, 2026. GradientDeck is a new resource in that continuing thread, not evidence that those tools are affiliated or that their contents overlap. The supplied archive provides no exact URLs for those earlier posts, so they are not linked here.

Trend signal

This supports design systems become agent context: design references are being packaged as context an agent can consume, not only as visual examples for a human. GradientDeck’s stated workflow is a library file copied into a project. The source does not establish that these files are executable specifications or that agents reliably follow them, so the signal is about the direction of packaging rather than proven implementation quality.

Why now

The site itself frames the library around coding agents that can build interfaces from repository context, and explicitly names Claude Code, Codex and Cursor. It does not explain why the collection is being published now or identify a dated launch event, so the timing cannot be tied to a particular product release.

Why it matters

Visual quality is often hard to specify in a short prompt. A reference file offers a team a practical starting point: rather than asking an agent to infer an aesthetic from adjectives, a builder can select a real site and provide structured design guidance alongside the code. That can make an experiment faster to set up and easier to discuss with teammates, because the reference is concrete and can be inspected in the repository.

The idea is also useful beyond one agent vendor. GradientDeck names three coding tools, and its described workflow is file-based rather than a bespoke integration. That makes it plausible to test the same design context across different clients. Still, a reference is not a substitute for a team’s own product requirements, accessibility checks or review of generated work. The library may help get a first visual direction onto the screen; teams should decide which elements are appropriate to borrow and verify the result themselves.

Limits and uncertainty

The public material supplied here does not document how each DESIGN.md was created, whether it was reviewed by the site owner, or whether the references are authorized for reuse. It provides no licensing terms, provenance details, freshness dates, or criteria for inclusion. Nor does it include example files or comparative tests showing how well Claude Code, Codex or Cursor apply them. The listed filters and counts are claims displayed by the library, not an independent audit. Builders should inspect individual files and check applicable rights before using them in commercial work.

Skill to build now

Pick one design reference that resembles a project’s intended direction, inspect its DESIGN.md, and put a copy in a throwaway branch or prototype repository. Ask your usual coding agent to implement one small component using that context, then review the result against both the reference and your product requirements. This tests the workflow without assuming that a copied design file will produce a faithful or production-ready interface.

Reader takeaway

GradientDeck makes it easy to hand a coding agent a concrete website-style reference: browse a library, copy a DESIGN.md into a project, and try it with Claude Code, Codex or Cursor. Treat the file as a starting brief, not a guarantee of fidelity, provenance or permission to reproduce every element.

Evidence / sources

  1. 1ui.gradientdeck.com
All Field Notes

Next reads

Read next

Open the graph
  1. 01topicClaudeExplore the claude topic hub.
  2. 02topicClaude CodeExplore the claude-code topic hub.
  3. 03topicCodexExplore the codex topic hub.
  4. 04archiveField NotesOpen the latest editorial analysis.
  5. 05sourcesSourcesSee the original sources this archive cites.
Who read this page?Machine requests, hidden until opened

Loading the privacy-safe route aggregate...

Open the JSON contract