list_designs

Get the catalog index — all brands with name, tagline, categories.

List every design in the webdesignhot.com catalog. Returns slug, name, tagline, categories, tags, featured status, and a 3-color preview swatch per entry. Use this to discover what is available before calling get_design.

Tagline

Call list_designs when you need a full inventory of brands, or to filter by featured status, category, or tag.

Input schema

{
  "type": "object",
  "properties": {
    "featured_only": {
      "type": "boolean",
      "description": "Filter to featured (curated) designs only."
    },
    "category": {
      "type": "string",
      "description": "Filter by single category (e.g. \"dev-tools\", \"fintech\", \"ai\", \"media\")."
    },
    "tag": {
      "type": "string",
      "description": "Filter by single tag (e.g. \"dark\", \"editorial\", \"minimal\")."
    }
  },
  "required": []
}

All parameters are optional. If none are provided, returns the entire catalog.

Output

{
  "count": 286,
  "entries": [
    {
      "slug": "stripe",
      "name": "Stripe",
      "tagline": "Minimalist, brand-forward product design — trusted by 3M+ merchants.",
      "categories": ["fintech", "payments"],
      "tags": ["minimal", "dark"],
      "featured": true,
      "preview_swatch": ["#5469d4", "#ffffff", "#0a0e27"]
    },
    {
      "slug": "linear",
      "name": "Linear",
      "tagline": "Modern, responsive, geometric — focused on motion and hierarchy.",
      "categories": ["dev-tools"],
      "tags": ["minimal", "geometric"],
      "featured": true,
      "preview_swatch": ["#5e6ad2", "#ffffff", "#0f0f1a"]
    },
    {
      "slug": "anthropic",
      "name": "Anthropic",
      "tagline": "AI-first, accessible, thoughtful color palette — no primary blue.",
      "categories": ["ai"],
      "tags": ["accessible", "minimal"],
      "featured": true,
      "preview_swatch": ["#7c3aed", "#ffffff", "#1a1a2e"]
    },
    {
      "slug": "vercel",
      "name": "Vercel",
      "tagline": "Stark, system-first — black type on white canvas, one accent color.",
      "categories": ["dev-tools"],
      "tags": ["minimal"],
      "featured": true,
      "preview_swatch": ["#000000", "#ffffff", "#0070f3"]
    },
    {
      "slug": "figma",
      "name": "Figma",
      "tagline": "Purple-forward, warm grays, approachable — designed for creative teams.",
      "categories": ["design"],
      "tags": ["editorial"],
      "featured": true,
      "preview_swatch": ["#7d41d9", "#f3f2f0", "#ffffff"]
    }
  ]
}

The full response includes all 286 entries. Each entry contains:

  • slug — The design identifier for use with get_design, export_design, etc.
  • name — Display name.
  • tagline — 1–2 sentence design philosophy.
  • categories — List of category strings (e.g., “fintech”, “dev-tools”, “media”, “ai”).
  • tags — Style tags (e.g., “dark”, “minimal”, “geometric”, “editorial”).
  • featured — Boolean; true if the brand is curated/highlighted.
  • preview_swatch — Array of 3 hex colors representing the brand’s palette.

Example: agent dialogue

User: “What design systems are in the catalog? Show me fintech brands.”

Agent: Calls list_designs({ category: "fintech" }) → returns 15 entries.

Agent: “Found 15 fintech designs. Featured ones: Stripe (minimalist), Robinhood (approachable), Wise (accessible). Also: PayPal, Square, Wise, Gusto, and 8 others. Which one do you want to use?”

User: “I want a dark editorial design.”

Agent: Calls list_designs({ tag: "dark" }) + list_designs({ tag: "editorial" }) (or one call with tag=“dark” then filters locally for editorial).

Agent: “Found 18 dark designs and 12 editorial. Overlap includes Figma, Adobe, Stripe. I’ll use Stripe as an example. Call get_design('stripe')?”

User: “Show me featured designs only.”

Agent: Calls list_designs({ featured_only: true }) → returns ~30 curated brands.

Agent: “30 featured designs available: Stripe, Linear, Figma, Anthropic, Vercel, GitHub, Notion, … Would you like me to generate UI in any of these styles?”

When to use

  • Discovering what’s available — Call with no filters to get the full 286-brand inventory.
  • Finding designs by category — Filter by “fintech”, “dev-tools”, “media”, “ai”, “design”, etc.
  • Finding designs by style tag — Filter by “dark”, “minimal”, “geometric”, “editorial”, “accessible”, etc.
  • Browsing featured designs — Call with featured_only: true to see the 30-odd curated brands.
  • Listing before searching — Get a sense of the catalog before using search_designs for keyword matching.
  • get_design — Fetch one brand’s full DESIGN.md (frontmatter + body) once you know the slug.
  • search_designs — Fuzzy-search by name, tagline, tags, or categories for up to 20 matches.
  • diff_designs — Compare two brands token-by-token to see color and radius deltas.
  • MCP Overview — Why MCP matters for design tokens.