Categories › Software Development › Frontend, UI components & design-to-code
Design your mobile app UI with AI, then have your coding agent build the real app from it.
Remote server: your requests and data go to sleek.design. Claude Code: claude mcp add --transport http sleek https://sleek.design/api/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
list_projects — List the workspace's projects, newest first. Each project holds one app's screens, theme, and design chat. Check here before create_project create_project — Create an empty project. Returns it in data, plus projectUrl. Pass data.id as projectId to design, then call show_project once the run complget_project — Fetch a project and its projectUrl. Use it to confirm the project exists and share the URL with your user. Use list_components to see its scdelete_project — Permanently delete a project and all its screens. Designs cannot be recovered. Call only after your user confirms the exact project by name.list_components — List a project's screen names and active version numbers without generated HTML. Pass each item's screenId to design. Pass its id as componeget_component — Fetch a screen's generated HTML. Returns the screen in data, with the HTML at data.versions[].code. versions holds only the version the screlist_references — List curated app styles and their preview images. When your user asks for a look such as Airbnb, brutalist, or dark fintech, pass the closesdesign — Run Sleek's design agent to create or edit screens from a plain-language brief. Send the whole request as ONE message, such as 'a food delivget_design_run — Poll a run that design returned as 'queued' or 'running'. Wait a few seconds between polls. On 'completed', data.result.operations lists thecancel_design_run — Ask a design run to stop, for example when the brief was wrong. Returns the run as it stands right after the request. A queued run comes bacscreenshot — Render up to four project screens side by side as one inline image, for clients that cannot show apps. Where your client can, call show_projshow_project — Shows your user a project's screens inline, in canvas order. They can enlarge a screen, add screens to this chat, and open the project in Slsearch_mentions — Find the workspace's projects by name for an @ mention, newest first. Each item is a resource link whose name is the projectId and whose uriget_project_view — Called by Sleek's screen viewer to load a project's screens, in canvas order, with their images and the viewer's text. To read screens yoursopen_sleek — Called by ChatGPT's sidebar and Sleek's widget to show the workspace's newest projects, each with a cover. To list projects yourself, use liNot tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.