The Composables MCP server enables your AI agents to build Compose apps with Composables UI by searching for documentation straight from the source without having to rely on web search and outdated information.
Quick Start
The fastest way to use the Composables MCP server is installing it with the Composables CLI.
Make sure you have the CLI installed:
npm install -g composables-clicomposables mcp install --client android-studioThen open Android Studio and go to Settings > Tools > AI > MCP Servers.
In the JSON View tab turn on the Enable MCP Servers option.
For more information, visit Android Studio's Add an MCP server
Run this from the root of your Gradle project:
composables mcp install --client antigravityRun this from the root of your Gradle project:
composables mcp install --client claudeThis works both for Claude Code CLI and Claude Code Desktop.
Run this from the root of your Gradle project:
composables mcp install --client codexThis works both for the Codex CLI and Codex Desktop app.
Run this from the root of your Gradle project:
composables mcp install --client cursorRun this from the root of your Gradle project:
composables mcp install --client firebenderRun this from the root of your Gradle project:
composables mcp install --client opencodeRun this from the root of your Gradle project:
composables mcp install --client zedIf you are working with a different IDE or editor, and you need support for it, we are happy to add it.
Kindly open a feature request.
Configurations
HTTP MCP Server
The Composables MCP server can be used with MCP clients that support streamable HTTP transport.
Use this endpoint when adding a new MCP server:
https://composables.com/mcpStdio MCP Server
The Composables MCP server can also run locally over stdio transport.
Use stdio when your MCP client needs to run local project actions, like creating projects or adding modules:
composables mcp startYou do not need to run this command manually when you install with composables mcp install. The MCP client starts it when needed.
Example prompts
- Install Composables UI in this project
- Create a home screen, with an app bar and bottom navigation with 4 tabs.
- How to use Composables UI bottom sheets?
- Build a sign-in screen with email and password fields plus a primary submit button.
- Add scrollbars to this screen using Composables UI.
Learn More
- What is the Model Context Protocol (MCP)? - Learn about the Model Context Protocol
