Sleek MCP ServerVerifiedFeatured

What is Sleek MCP Server?

Sleek MCP Server is the official hosted MCP server for Sleek, an AI mobile app design tool. You describe an app in plain language, and you get back real, editable mobile app screens rendered as an image in your chat. Your coding agent can then build the app from them.

The server runs on Sleek's infrastructure at https://sleek.design/api/mcp, so there is nothing to install. You sign in with OAuth in your browser. The sleekdotdesign/mcp repository holds only the manifests and docs. It contains no server code.

How to use Sleek MCP Server?

Create a free account at sleek.design. Then add the URL below to your client and sign in when the browser opens.

https://sleek.design/api/mcp

Sleek recommends OAuth for every client. API keys from sleek.design/agents/setup are only a last resort for clients that can't do OAuth. Configuring a key also stops the client from offering browser sign-in.

Claude Code

claude mcp add --transport http sleek https://sleek.design/api/mcp
claude mcp login sleek

You can also sign in from /mcp, or install the plugin with /plugin marketplace add sleekdotdesign/mcp and then /plugin install sleek@sleek. If you have to use an API key, keep it in an environment variable and use single quotes so Claude Code stores the reference, not the value:

claude mcp add --transport http sleek https://sleek.design/api/mcp \
  --header 'Authorization: Bearer ${SLEEK_API_KEY}'

Claude Desktop and claude.ai

Open Customize → Connectors, click +, choose Add custom connector and enter https://sleek.design/api/mcp. Leave Advanced settings empty, click Add, then sign in to Sleek and approve access. On Team or Enterprise plans, an Owner adds the connector once under Organization settings → Connectors, and members then click Connect.

Cursor

Add this to ~/.cursor/mcp.json or .cursor/mcp.json. Cursor runs the OAuth sign-in when you enable the server.

{ "mcpServers": { "sleek": { "url": "https://sleek.design/api/mcp" } } }

VS Code

Add a remote server with a url entry in .vscode/mcp.json and sign in when prompted:

{ "servers": { "sleek": { "type": "http", "url": "https://sleek.design/api/mcp" } } }

Codex

codex mcp add sleek --url https://sleek.design/api/mcp
codex mcp login sleek

Key features of Sleek MCP Server

• One request designs a whole app. The design agent plans every screen together, so they share one design system.
• Screens render inline as an image, so you can review them without leaving the chat.
• You can edit a single screen in place, for example: "move the Add to cart button into a sticky bottom bar."
• get_component returns a screen's generated HTML for a build handoff to your coding agent.
• From the project link you can export to Figma as native editable layers, or to HTML or React with Tailwind CSS. Both exports are on every plan.
• Curated style references come through list_references.
• Listing, reading and rendering are free. Only design runs spend credits.

Sleek MCP Server tools

The server exposes 11 tools:

• Projects: list_projects, create_project and get_project. delete_project permanently deletes a project. It needs confirm: true and should run only after the user names the project.
• Screens: list_components lists the screens in a project. get_component fetches a screen's HTML. screenshot renders up to four screens as one image.
• Design runs: design takes the whole brief as one message. Optional inputs are screenId, referenceId, imageUrls, idempotencyKey and wait. get_design_run polls a run and cancel_design_run stops one.
• Styles: list_references returns curated app styles to imitate.

Use cases of Sleek MCP Server

• Design a new app in one go: "Design a plant shop app in Sleek: onboarding, home with featured plants, plant detail, cart, and profile. Warm, minimal style."
• Browse existing work for free: "Show me the cart and profile screens from my plant shop project."
• Make targeted edits: "On the plant detail screen, make the price larger."
• Apply a named look by picking a reference such as dark fintech or brutalist.
• Hand off to code: have your coding agent pull each screen's HTML with get_component and build the real app.

Troubleshooting Sleek MCP Server

• Claude Code shows sleek as connected before you signed in: this is expected. Discovery needs no login, and authentication is checked when a tool runs.
• An API key doesn't work and there's no OAuth prompt: a rejected key is treated as a failed connection. Fix the key, or remove the header and use OAuth.
• Opening the URL in a browser returns 405: this is by design. The endpoint only accepts POST.
• The design call conflicts with an active run: only one run can be active per project. Poll get_design_run or call cancel_design_run, then retry.