design-cellar

Give Claude real inspiration. Get designs that don't feel generic.

A curated corpus of design references — pulled from real homepages, tagged by mood, palette, and font. Use it as starting inspiration in any Claude conversation. Three ways to plug in below, or just browse the corpus and build a kit first.

https://design-cellar-production.up.railway.app/api/mcp

Claude Code

cli

One command. Connector lives at the project or user scope.

claude mcp add design-cellar --transport http https://design-cellar-production.up.railway.app/api/mcp

Already have it set up? claude mcp list to verify.

Claude Desktop

app

Paste this into ~/Library/Application Support/Claude/claude_desktop_config.json, then restart the app.

{
  "mcpServers": {
    "design-cellar": {
      "url": "https://design-cellar-production.up.railway.app/api/mcp",
      "transport": "http"
    }
  }
}

no setup at all

Or just paste a URL into a Claude prompt.

If you don't want to install anything, paste this prompt into any Claude conversation. Claude WebFetches /digest and uses it as a constraint. Works in Claude.ai, Claude Desktop, even ChatGPT — anywhere the model can fetch a URL.

Visit https://design-cellar-production.up.railway.app/digest. The corpus there is inspiration — pick
3 references that match a [dark, technical] vibe. Then design me a landing page
that pulls from them for direction (colors, typography, patterns) but isn't
a copy of any single one. Make something new that feels like it belongs in the
same family.

prompts that work

Three flows worth trying.

1. Vibe → design

Describe a feeling. Claude searches the corpus, picks references, and generates in that register.

I want a [landing page / signup flow / dashboard / pricing page] that feels
[dark, technical, minimal] — pick whatever vibe you want.

Use the design-cellar tools as inspiration:
1. list_tag_values for "mood" and "vertical" so you know what's in the corpus
2. search_designs filtered by what matches my vibe
3. get_design on the top 3 matches so you can SEE them
4. Then design me the page — pull from those references for direction (colors,
   typography, structural patterns) but don't copy any single one. Make
   something new that feels like it belongs in the same family.

2a. Kit + moodboard image

The reliable path for any client. Build a kit, download the moodboard PNG, drop it into Claude, then paste this prompt.

Build a kit →
(Drag the moodboard image into the conversation FIRST, then paste this prompt.)

Look at the attached moodboard. It's the visual inspiration for this design.
Note what the references share: aesthetic register, type-and-image relationship,
density, mood.

Now design me a [landing page] inspired by the moodboard:
- Pull colors from the references (or close cousins)
- Use fonts that match the typographic register
- Match the structural and aesthetic patterns you see
- Make something new in this family, not a copy of any single reference

2b. Kit via MCP

If you set up the MCP connector, get_kit returns the references as inline images automatically — no moodboard download needed.

I built a kit at https://design-cellar-production.up.railway.app/kits/<your-slug>.

Use design-cellar's get_kit tool with that slug — it returns the references as
inline images so you can actually see them. Then design me a [landing page]
inspired by the kit: pull colors, fonts, and visual patterns from it for
direction, but don't copy any single reference. Make something new that
shares a family resemblance.

3. No setup at all

Just paste a URL. Same paragraph as above — works without any connector.

Visit https://design-cellar-production.up.railway.app/digest. The corpus there is inspiration — pick
3 references that match a [dark, technical] vibe. Then design me a landing page
that pulls from them for direction (colors, typography, patterns) but isn't
a copy of any single one. Make something new that feels like it belongs in the
same family.

what's in the corpus

Five tag dimensions plus colors.

Vertical

saas, fintech, devtools, ai, ecommerce, agency, portfolio…

Mood

minimal, brutalist, editorial, playful, premium, dark, futuristic…

Screen type

landing, signup, dashboard, pricing, modal, blog…

Typography

serif-display + sans-body, monospace-headlines, geometric-sans, slab-serif-display…

Visual descriptors

gradient-mesh, glassmorphism, sidebar-nav, hero-video, asymmetric-grid, dark-mode…

Colors

3–6 dominant hex codes per design, ranked by prominence. Filterable by RGB proximity.

Tags are auto-generated by Claude Haiku from each captured screenshot, so they're consistent across the corpus. The corpus is curated; you can't add to it from outside.