Sleek — Claude Code MCP server: what it does, how to install
Generates mobile app screens from plain text prompts and returns visual layouts with project links. Helpful when you need to prototype app interfaces before coding.
claude mcp add --transport http sleek https://sleek.design/api/mcpWhat Sleek does
This tool links coding assistants to an external mobile interface generator. You describe screens in natural language, and the remote agent returns visual mockups inside the chat session alongside an editor link. You can inspect the resulting screens online and export them to Figma files or React code.
The server runs in the cloud at https://sleek.design/api/mcp without local runtime setup. Connection relies on standard OAuth browser verification. An environment variable named SLEEK_API_KEY is kept strictly as a fallback for environments unable to launch a browser flow.
Submit the full app layout inside a single message. The design agent plans related views together. Splitting requests into individual screens produces disjointed visuals and consumes usage credits for each prompt.
What it helps with
- generate mobile app interface screens from text descriptions
- preview rendered design mockups directly inside chat
- hand off generated layouts to coding agents for React development
- export created mobile screens into Figma for design adjustments
Example prompts for the agent
- Design a coffee shop mobile app in Sleek: onboarding, drink menu, cart, and user profile.
- Create a workout tracker interface in Sleek: session dashboard, weekly progress, and exercise card.
How to install Sleek
Platform CLI: remote server
claude mcp add --transport http sleek https://sleek.design/api/mcpPlatform CLI: remote server
codex mcp add sleek --url https://sleek.design/api/mcpConfig file
{
"mcpServers": {
"sleek": {
"url": "https://sleek.design/api/mcp"
}
}
}Config file
{
"servers": {
"sleek": {
"type": "http",
"url": "https://sleek.design/api/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http sleek https://sleek.design/api/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Sleek
How to install Sleek in Claude Code?
Run claude mcp add --transport http sleek https://sleek.design/api/mcp in your terminal. Then authorize the connection by signing in to Sleek in your browser.
What does the Sleek MCP server do?
It turns plain text prompts into mobile interface screens rendered directly in chat. You also get a link to inspect the screens and export them to Figma or React.
Does Sleek require local server installation?
No, it connects to a hosted endpoint at https://sleek.design/api/mcp. You only need an account at sleek.design and OAuth confirmation.
