DesignForYou is an AI design tool that works inside your AI coding agent. Using the MCP (Model Context Protocol) server, Claude Code and other AI assistants can browse 119 design templates, generate personalized logos, social media posts, and app screenshots — all without leaving the terminal. This guide shows you exactly how.
The DesignForYou MCP server is a hosted remote MCP server. It supports Streamable HTTP with OAuth at this address:
https://designforyou.swapp1990.org/mcp/v2/
Use the URL exactly as shown, including the trailing slash. In Codex, the slashless /mcp/v2 URL can complete OAuth but fail MCP startup.
After setup, your AI agent gets access to these tools: browse_templates, recommend_template, get_text_fields, generate, and get_credits.
Add the MCP server:
claude mcp add --transport http designforyou https://designforyou.swapp1990.org/mcp/v2/
Open Claude Code and run:
/mcp
Follow the browser authentication flow, then ask Claude Code:
Use the DesignForYou MCP server and call browse_templates with category "logos".
Use Streamable HTTP with this URL:
https://designforyou.swapp1990.org/mcp/v2/
If your client does not support remote MCP or OAuth directly, use mcp-remote as a local bridge:
{
"mcpServers": {
"designforyou": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://designforyou.swapp1990.org/mcp/v2/"]
}
}
}
If OAuth succeeds but the MCP server still says startup incomplete, check the configured URL first. Codex must use https://designforyou.swapp1990.org/mcp/v2/ with the trailing slash.
If tools do not appear after changing the MCP config, restart the AI client and reconnect the server.
Every design task follows the same pattern:
The browse_templates tool lets you explore the full catalog. Filter by category and subcategory:
browse_templates(category: "logo")
browse_templates(category: "logo", subcategory: "lettermark")
browse_templates(category: "instagram")
browse_templates(category: "app-store")
Instead of browsing manually, ask the AI to recommend templates based on your use case. It returns ranked results with reasoning and inline previews:
recommend_template(use_case: "favicon for a dark-themed tech website", needs: ["favicon"])
recommend_template(use_case: "social sharing image for luxury brand", needs: ["og-image"])
The generate tool creates a personalized image from a template. The template defines the visual style (glassmorphism, flat bold, art deco, neon glow) — you customize the content with one plain-language description.
The most reliable approach — name the template and describe the design you want:
generate(
template_id: "logo_flat_bold",
description: "logo for Acme Corp, bold flat icon with the ACME name, confident blue palette"
)
Describe what you want, not how it should be rendered. The selected template already carries the visual style:
generate(
template_id: "logo_glassmorphism",
description: "glassmorphism logo for ACME with interlocking gears, premium SaaS feel"
)
| Do | Don't |
|---|---|
| "change the icon to a star" | "create a minimalist flat icon with a star on blue..." |
| "make the background darker" | Full paragraph describing an entire design |
| "use blue instead of red" | Describing visual effects already in the template |
If the first result is close but not perfect, keep the same session and refine it:
generate(
template_id: "logo_flat_bold",
description: "make the icon simpler and the ACME wordmark easier to read",
session_id: "previous-session-id"
)
// 1. Generate favicon (app_icon subcategory — works at 16px)
generate(
template_id: "logo_flat_bold",
description: "app icon for MyBrand, magic wand with sparkles, violet background, recognizable at small size"
)
// → Download, resize to 32px/180px/192px for favicon + apple-touch-icon
// 2. Generate OG image (combination_mark — has text + icon)
generate(
template_id: "logo_horizontal_lockup",
description: "horizontal logo lockup for MyBrand with icon and wordmark, clean website header style"
)
// → Use as og:image meta tag
// 3. Apply to website HTML
// <link rel="icon" href="/favicon-32.png">
// <img src="/branding/navbar-icon.png"> (in navbar)
// <meta property="og:image" content="https://...og-image.png">
browse_templates(category: "instagram")
// Pick a template from the results
generate(
template_id: "ig_post_countdown",
description: "Instagram countdown post for My Store. Headline: FLASH SALE. CTA: Shop Now. Energetic retail style."
)
Every template includes metadata to help AI agents make smart choices:
| Field | Description |
|---|---|
subcategory |
Logo type: lettermark, app_icon, combination_mark, etc. |
best_for |
Recommended use cases: favicon, navbar, og-image, etc. |
has_icon |
Whether the template has a standalone icon/symbol |
has_text |
Whether the template includes visible text |
min_recognizable_size |
Smallest px size where the design works (16 = good for favicon) |
background |
dark, light, or transparent |
Install the MCP server and start generating designs in seconds:
claude mcp add --transport http designforyou https://designforyou.swapp1990.org/mcp/v2/
Or browse templates on the website to see all available designs.