About opointo
opointo is a browser-based app builder that turns visual screen, component, navigation, and theme designs into Expo projects for iOS and Android. It is for teams using coding agents to create or extend native apps, with tools for component guidance, code generation, and verification.
Key features
- 01Browse and inspect components
- 02Find components from UI descriptions
- 03Check TSX for blank-render bugs
- 04Generate apps and screens from designs
- 05Add or update project components
- 06Verify generated apps
Use cases
- 01Turn a browser design into an Expo app
- 02Generate a screen for an existing app
- 03Find the right component for a UI need
- 04Check generated code before building
MCP support
The server exposes design guidance and app-generation tools to connected coding agents over Streamable HTTP. Some tools are free, while tools that write and verify apps require a subscription.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://opointo.com/api/mcpclaude mcp add --transport http com-opointo-opointo https://opointo.com/api/mcp{"mcpServers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}Open in Cursor{"servers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}Open in VS Code{"mcpServers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}{"mcpServers":{"com-opointo-opointo":{"serverUrl":"https://opointo.com/api/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
11| Parameter | Type | Required | Description |
|---|---|---|---|
| need | string | No | e.g. "a progress bar for an upload" |
| category | enum | No | controls | chrome | surfaces |
Details
From the project READMEopointo MCP server
Design your app visually. Get a working native app.
opointo is an App Builder: you design your app in the browser (screens, blocks, navigation drawn as arrows, your theme), and your coding agent turns it into a real Expo project you own. One codebase for iOS and Android, with Liquid Glass on iOS 26 and Material 3 Expressive on Android.
This MCP server is how the design reaches your agent. It lives at:
https://opointo.com/api/mcp
Streamable HTTP. This repository holds the server's public listing and setup instructions, not its source.
Tools
Free, no account: everything your agent needs to use the components correctly.
| Tool | What it does |
|---|---|
list_components | The shipped components, and which render the real iOS system control |
get_component | Props, types, defaults and value domains for one component |
find_component | Ranked components for a UI need described in plain language |
get_rules | The runtime rules: the mistakes that make a component render blank |
get_provider_tree | The app-root provider nesting, in the order that works |
get_theme_tokens | Theme hooks and the spacing, radius and typography scales |
check_snippet | Finds blank-render bugs in TSX that uses these components |
get_step | Expands one step of an app recipe |
With a subscription: the tools that write and verify your app.
| Tool | What it does |
|---|---|
emit_app | Turns your opointo design into a working Expo app: navigation, providers, tab bar, screens |
emit_screen | Turns one designed screen into a file for an app that already exists |
add_screen | Adds a new screen to an exported app |
install_component | Adds one component to an existing project |
update_components | Updates the opointo-supplied files as iOS and Android move |
verify_app | Checks the emitted app was applied correctly, before it is built |
Plans and the licence key: opointo.com/pricing.
Setup
Each snippet below adds the free tools. For the paid tools, add your licence key as a bearer token; opointo.com/mcp has the exact variant for each agent.
Claude Code
claude mcp add --transport http --scope user opointo https://opointo.com/api/mcp
Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"opointo": { "url": "https://opointo.com/api/mcp" }
}
}
VS Code (.vscode/mcp.json)
{
"servers": {
"opointo": { "type": "http", "url": "https://opointo.com/api/mcp" }
}
}
Codex
codex mcp add opointo --url https://opointo.com/api/mcp
Gemini CLI
gemini mcp add --scope user --transport http opointo https://opointo.com/api/mcp
Requirements
Exported apps are Expo projects. Building them for iOS needs a Mac with Xcode 26; see opointo.com/compatibility for what is verified on which platform.
Links
- App Builder: opointo.com
- Docs: opointo.com/docs
- Privacy: opointo.com/privacy
- Terms: opointo.com/terms
- Contact: [email protected]
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.