opointo

com.opointo由 opointo.com 发布官方发布者v0.2.1更新于 Oct 25, 2026

Design a React Native app in a browser and emit it as a real Expo project you own, iOS and Android.

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

opointo 让助手查询其 React Native UI 组件,并在订阅后把设计好的应用输出为可在 iOS 和 Android 上运行的 Expo 项目。

可以做什么
查找与查看组件:按自然语言描述的界面需求搜索、列出组件目录,并获取单个组件的属性、默认值、平台渲染方式和依赖,以及应用根提供者、主题令牌和全目录规则等应用设置主题。检查使用这些组件的 TSX 代码中会导致空白渲染的错误。把设计转换为 Expo 应用配方,包含文件、安装命令和有序步骤,或向现有项目添加单个屏幕。向项目安装单个组件,并只更新 opointo 提供的、已发生变化的文件。在构建前校验已生成的应用。提交应用或屏幕设计,获得在 Designer 中打开编辑的链接。
适用场景
在使用 opointo 组件目录和 Designer 构建 React Native 或 Expo 应用时使用,尤其适合获得正确的组件调用写法、避免空白渲染问题,并把视觉设计转成项目文件。
运行要求
远程 streamable HTTP 端点 opointo.com,无需本地运行时。免费的组件工具无需账号。写入和校验类工具需要付费订阅,并以 bearer token 形式提供许可证密钥。导出的应用是 Expo 项目;为 iOS 构建需要装有 Xcode 26 的 Mac。
安装前请注意
emit_app、add_screen、install_component、update_components、verify_app 等工具需要付费订阅和许可证密钥 bearer token,请妥善保管该凭据。这些工具会为你的项目生成文件和安装命令;add_screen 和 update_components 声称不会改写现有文件,但应用前仍应检查生成的配方。提交给 propose_app 或 propose_screen 的设计会在 opointo 服务上生成链接。

安装

在 SourceWeft 中

  1. 打开 控制台中的 opointo,将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Web executable,通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体,或 SourceWeft 对话中。智能体会读取该服务器的安装指南,先向你展示发布者、端点和登录方式,经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/com.opointo%2Fopointo/install.md,并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前,先告诉我它的发布者、端点和登录方式,等我确认。不要把 API 密钥写进命令或我会提交的文件;问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "opointo": {
      "type": "http",
      "url": "https://opointo.com/api/mcp"
    }
  }
}

README

opointo 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.

ToolWhat it does
list_componentsThe shipped components, and which render the real iOS system control
get_componentProps, types, defaults and value domains for one component
find_componentRanked components for a UI need described in plain language
get_rulesThe runtime rules: the mistakes that make a component render blank
get_provider_treeThe app-root provider nesting, in the order that works
get_theme_tokensTheme hooks and the spacing, radius and typography scales
check_snippetFinds blank-render bugs in TSX that uses these components
get_stepExpands one step of an app recipe

With a subscription: the tools that write and verify your app.

ToolWhat it does
emit_appTurns your opointo design into a working Expo app: navigation, providers, tab bar, screens
emit_screenTurns one designed screen into a file for an app that already exists
add_screenAdds a new screen to an exported app
install_componentAdds one component to an existing project
update_componentsUpdates the opointo-supplied files as iOS and Android move
verify_appChecks 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)

json
{  "mcpServers": {    "opointo": { "url": "https://opointo.com/api/mcp" }  }}

VS Code (.vscode/mcp.json)

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

来源:README.md,提交 59b419c

工具

11

find_component

Find a component

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.

输入参数needcategory

get_component

Get a component

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.

输入参数slug必填platform

check_snippet

Check code for blank-render bugs

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.

输入参数code必填

get_app_setup

Get the app setup

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.

输入参数topic必填platform

emit_app

Build an app from a design

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.

输入参数pagestepappId必填override

add_screen

Add a screen to an app

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.

输入参数tabappId必填screenmanifestcomponentName

install_component

Install a component

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.

输入参数slug必填

update_components

Update supplied components

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.

输入参数pagecurrentmanifest必填acceptSplit

verify_app

Verify an emitted app

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.

输入参数appIdfiles必填configtoolchaindependencies

propose_app

Propose an app design

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.

输入参数appintodryRunformat

propose_screen

Propose a screen design

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.

输入参数intodryRunformatcomposition

版本历史

2
  1. v0.2.1最新Sep 27, 2026
  2. v0.2.0Sep 26, 2026

评分

已满足适用检查项的 90%

该评分衡量此收录条目的完整程度,依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价,也不表示服务器安全或当前可用:可连通性是带日期的检查结果,评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分

    请在仓库或注册中心条目中声明许可证。