Design a React Native app in a browser and emit it as a real Expo project you own, iOS and Android.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Needs a subscription. Adds one screen designed in the Designer to a project. With the project's .opointo/files.json it returns the screen file, the route that mounts it and the one line to register it, and never rewrites existing files. Without it, a self-contained screen file for any Expo app.
the share code from "Send app to agent"
nest it in this tab's stack; omit to place it where the design does
the new screen's name in that design
the parsed .opointo/files.json
only to add a second copy of a screen; omit for the export's name
Needs a subscription. Adds one screen designed in the Designer to a project. With the project's .opointo/files.json it returns the screen file, the route that mounts it and the one line to register it, and never rewrites existing files. Without it, a self-contained screen file for any Expo app.
| Argument | Type | Description |
|---|---|---|
| tab | string | nest it in this tab's stack; omit to place it where the design does |
| appId* | string | the share code from "Send app to agent" |
| screen | string | the new screen's name in that design |
| manifest | object | the parsed .opointo/files.json |
| componentName | string | only to add a second copy of a screen; omit for the export's name |
{
"type": "object",
"required": [
"appId"
],
"properties": {
"tab": {
"type": "string",
"description": "nest it in this tab's stack; omit to place it where the design does"
},
"appId": {
"type": "string",
"description": "the share code from \"Send app to agent\""
},
"screen": {
"type": "string",
"description": "the new screen's name in that design"
},
"manifest": {
"type": "object",
"description": "the parsed .opointo/files.json"
},
"componentName": {
"type": "string",
"description": "only to add a second copy of a screen; omit for the export's name"
}
}
}Scans TSX that uses these components for the mistakes that render nothing with no error: animated opacity on glass, the flex: 1 collapse, a clipped lens, a conditionally mounted surface. A read-only text scan, not a guarantee; verify_app checks a whole emitted project.
| Argument | Type | Description |
|---|---|---|
| code* | string | the TSX to check |
{
"type": "object",
"required": [
"code"
],
"properties": {
"code": {
"type": "string",
"description": "the TSX to check"
}
}
}Needs a subscription. Turns a design from the Designer into a working Expo app: navigation, providers, tab bar, screens and the components they use. Returns a recipe for the current project: every file with its target path, one install line and ordered steps with a check each. Pass `step` for one step in full, which does not count against the daily allowance.
| Argument | Type | Description |
|---|---|---|
| page | number | for step write or review; each page names the next |
| step | string | a step id from the recipe, or "review" for the screen list |
| appId* | string | the share code from the Designer's "Send app to agent", e.g. "34ca4babb2" |
| override | boolean | emit even with screens flagged not ready; ask the customer first |
{
"type": "object",
"required": [
"appId"
],
"properties": {
"page": {
"type": "number",
"description": "for step write or review; each page names the next"
},
"step": {
"type": "string",
"description": "a step id from the recipe, or \"review\" for the screen list"
},
"appId": {
"type": "string",
"description": "the share code from the Designer's \"Send app to agent\", e.g. \"34ca4babb2\""
},
"override": {
"type": "boolean",
"description": "emit even with screens flagged not ready; ask the customer first"
}
}
}Finds the component for a UI need described in plain words, ranked, and says when this catalog ships nothing on purpose because the phone's own control is the right choice. Omit `need` to list every component with its purpose and whether it renders the real system control.
| Argument | Type | Description |
|---|---|---|
| need | string | e.g. "a progress bar for an upload" |
| category | string |
{
"type": "object",
"properties": {
"need": {
"type": "string",
"description": "e.g. \"a progress bar for an upload\""
},
"category": {
"enum": [
"controls",
"chrome",
"surfaces"
],
"type": "string"
}
}
}How an app is set up so these components work and follow its theme, one topic at a time: the app-root providers in the order that works, the theme hooks and token scales, or the rules that hold across the whole catalog. An app built by emit_app already has all three wired.
| Argument | Type | Description |
|---|---|---|
| topic* | string | |
| platform | string | rules only |
{
"type": "object",
"required": [
"topic"
],
"properties": {
"topic": {
"enum": [
"providers",
"theme",
"rules"
],
"type": "string"
},
"platform": {
"enum": [
"ios",
"android"
],
"type": "string",
"description": "rules only"
}
}
}Everything needed to write a correct call site for one component: props with types, defaults and allowed values, what draws on iOS and on Android, the providers it needs at the app root, its dependencies, and the runtime rules that stop it rendering blank.
| Argument | Type | Description |
|---|---|---|
| slug* | string | e.g. "button" |
| platform | string | only the rules that hold there |
{
"type": "object",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"description": "e.g. \"button\""
},
"platform": {
"enum": [
"ios",
"android"
],
"type": "string",
"description": "only the rules that hold there"
}
}
}Needs a subscription, except for the free foundation components. Adds one component to an existing project: the files it and its dependencies need in install order with exact target paths, the single expo install line, the providers it needs and its runtime rules. A backend recipe's id, such as "supabase", adds that integration: its files and the per-app wiring an export writes.
| Argument | Type | Description |
|---|---|---|
| slug* | string | e.g. "button", or a recipe id such as "supabase" |
{
"type": "object",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"description": "e.g. \"button\", or a recipe id such as \"supabase\""
}
}
}Your agent can design an app with you: send an app in opointo's design format (the AppSpec emit_app builds from) and get back a link that opens it in the Designer as a new, unsaved design. The person sees every screen, changes what they like, and hands it back for emit_app. into: the code in the person's line; it lands in their open design. dryRun checks without making a link; format: true returns the format and every block, "photos" the sample photos, or with app: { version: 1 } a short plan's.
| Argument | Type | Description |
|---|---|---|
| app | object | The design: { name, tabs: [{ screenId, label }], screens: [{ id, name, composition: { screen: { content: { children: [node] }, chrome: { header?, headerItems?, floating: [] }, overlays: [] } } }], onboardingScreenIds: [], pushed: [{ screenId, fromScreenId, presentation }], theme? }. A node is { id, slug, props }: slug is "wireframe:<block>" such as "wireframe:list-row" (a list whose rows open one screen is one row block with repeats: "true" and its sample rows in rows: [{ title, ... }]) or a component from find_component, and a content node opens a screen with navigate: { to, presentation } beside its props. A top bar is header: { id, slug: "header", props: {} }, titled by the screen's name; a sheet has none. entryScreenId is only for a splash screen before the tabs. Titles and composition metadata are set by the builder. |
| into | string | |
| dryRun | boolean | check the design and report, without making a link |
| format | boolean | string |
{
"type": "object",
"properties": {
"app": {
"type": "object",
"description": "The design: { name, tabs: [{ screenId, label }], screens: [{ id, name, composition: { screen: { content: { children: [node] }, chrome: { header?, headerItems?, floating: [] }, overlays: [] } } }], onboardingScreenIds: [], pushed: [{ screenId, fromScreenId, presentation }], theme? }. A node is { id, slug, props }: slug is \"wireframe:<block>\" such as \"wireframe:list-row\" (a list whose rows open one screen is one row block with repeats: \"true\" and its sample rows in rows: [{ title, ... }]) or a component from find_component, and a content node opens a screen with navigate: { to, presentation } beside its props. A top bar is header: { id, slug: \"header\", props: {} }, titled by the screen's name; a sheet has none. entryScreenId is only for a splash screen before the tabs. Titles and composition metadata are set by the builder."
},
"into": {
"type": "string"
},
"dryRun": {
"type": "boolean",
"description": "check the design and report, without making a link"
},
"format": {
"type": [
"boolean",
"string"
]
}
}
}Your agent can design a single screen with you: send one screen in opointo's design format (the Composition add_screen builds from) and get back a link that opens it in the Designer as a new, unsaved design the person can change. into: as propose_app's. dryRun checks without making a link; format: true returns the format. For a whole app, use propose_app.
| Argument | Type | Description |
|---|---|---|
| into | string | |
| dryRun | boolean | check the screen and report, without making a link |
| format | boolean | |
| composition | object | One screen: { name, screen: { content: { children: [node] }, chrome: { header?, headerItems?, floating: [] }, overlays: [] } }. A node is { id, slug, props }: slug is "wireframe:<block>" or a component from find_component. |
{
"type": "object",
"properties": {
"into": {
"type": "string"
},
"dryRun": {
"type": "boolean",
"description": "check the screen and report, without making a link"
},
"format": {
"type": "boolean"
},
"composition": {
"type": "object",
"description": "One screen: { name, screen: { content: { children: [node] }, chrome: { header?, headerItems?, floating: [] }, overlays: [] } }. A node is { id, slug, props }: slug is \"wireframe:<block>\" or a component from find_component."
}
}
}Needs a subscription. Reads the project's .opointo/files.json and returns only the opointo-supplied files that changed since export, so it works months later with no share code. Never touches the customer's own screens, and flags the rare change that needs a code edit rather than a copy.
| Argument | Type | Description |
|---|---|---|
| page | number | only when the answer's page.next asks for it |
| current | array | only when a split-unverified blocker asks: each named file's hash, from its command |
| manifest* | object | the parsed .opointo/files.json (the object or its files array) |
| acceptSplit | array | only once the customer agreed: the paths split-customer-edited blockers name |
{
"type": "object",
"required": [
"manifest"
],
"properties": {
"page": {
"type": "number",
"description": "only when the answer's page.next asks for it"
},
"current": {
"type": "array",
"items": {
"type": "object",
"required": [
"path"
],
"properties": {
"sha": {
"type": "string"
},
"path": {
"type": "string"
},
"missing": {
"type": "boolean"
}
}
},
"description": "only when a split-unverified blocker asks: each named file's hash, from its command"
},
"manifest": {
"type": "object",
"description": "the parsed .opointo/files.json (the object or its files array)"
},
"acceptSplit": {
"type": "array",
"items": {
"type": "string"
},
"description": "only once the customer agreed: the paths split-customer-edited blockers name"
}
}
}Needs a subscription. Checks an emitted app before it is built: missing files, altered verbatim files, absent packages, the expo-router config merge, whether the installed Xcode can build it, and whether a change needs a new native build.
| Argument | Type | Description |
|---|---|---|
| appId | string | emit_app's share code; `appId` in .opointo/files.json |
| files* | array | each file written, hidden .opointo/files.json included: { path, bytes }, from the project root |
| config | object | |
| toolchain | object | |
| dependencies | array | package.json dependencies' keys |
{
"type": "object",
"required": [
"files"
],
"properties": {
"appId": {
"type": "string",
"description": "emit_app's share code; `appId` in .opointo/files.json"
},
"files": {
"type": "array",
"items": {
"type": "object",
"required": [
"path"
],
"properties": {
"sha": {
"type": "string",
"description": "optional; replaces the byte check"
},
"path": {
"type": "string"
},
"bytes": {
"type": "number",
"description": "bytes on disk as `wc -c` reports, not characters"
}
}
},
"description": "each file written, hidden .opointo/files.json included: { path, bytes }, from the project root"
},
"config": {
"type": "object",
"properties": {
"icon": {
"type": "string",
"description": "app.json"
},
"main": {
"type": "string",
"description": "package.json \"main\""
},
"scheme": {
"type": "string",
"description": "app.json"
},
"plugins": {
"type": "array",
"items": {
"type": "string"
},
"description": "app.json"
},
"release": {
"type": "string"
},
"sources": {
"type": "string"
},
"moduleSuffixes": {
"type": "array",
"items": {
"type": "string"
},
"description": "tsconfig compilerOptions"
},
"supportsTablet": {
"type": "boolean",
"description": "app.json ios"
},
"monochromeImage": {
"type": "string",
"description": "app.json android.adaptiveIcon"
},
"nativeModulesDir": {
"type": "string",
"description": "package.json expo.autolinking; omit if unset"
},
"privacyPolicyUrl": {
"type": "string"
},
"userInterfaceStyle": {
"type": "string",
"description": "app.json"
}
}
},
"toolchain": {
"type": "object",
"properties": {
"xcode": {
"type": "string",
"description": "`xcodebuild -version`, e.g. \"26.2\"; omit without Xcode"
},
"expoSdk": {
"type": "string",
"description": "the INSTALLED expo version, e.g. \"56.0.15\" (`npm ls expo`)"
},
"nativeFingerprint": {
"type": "string"
},
"enableSceneSupport": {
"type": "boolean",
"description": "app.json expo-build-properties ios.enableSceneSupport"
},
"expoBuildProperties": {
"type": "string",
"description": "INSTALLED expo-build-properties version; omit if absent"
},
"lastBuildFingerprint": {
"type": "string"
}
}
},
"dependencies": {
"type": "array",
"items": {
"type": "string"
},
"description": "package.json dependencies' keys"
}
}
}