mcpField
O
opointo

opointo

远程服务
opointo.com开发工具04 周前更新

关于 opointo

opointo 是一款基于浏览器的应用构建工具,可将屏幕、组件、导航和主题设计转换为适用于 iOS 与 Android 的 Expo 项目。它面向借助编码 Agent 创建或扩展原生应用的团队,提供组件说明、代码生成和验证工具。

主要功能

  1. 01浏览并查看组件信息
  2. 02根据界面描述查找组件
  3. 03检查 TSX 中的空白渲染问题
  4. 04根据设计生成应用和屏幕
  5. 05添加或更新项目组件
  6. 06验证生成的应用

适用场景

  1. 01将浏览器中的设计转换为 Expo 应用
  2. 02为现有应用生成屏幕
  3. 03按界面需求查找合适组件
  4. 04构建前检查生成的代码

MCP 相关

该服务通过 Streamable HTTP 向连接的编码 Agent 提供设计参考和应用生成工具。部分工具免费,写入和验证应用的工具需要订阅。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://opointo.com/api/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

11
参数类型必填说明
needstring否例如:"a progress bar for an upload"
categoryenum否controls | chrome | surfaces

详细介绍

opointo MCP 服务

以可视化方式设计应用。获得可运行的原生应用。

opointo 是一款应用构建器:你可以在浏览器中设计应用(屏幕、 区块、用箭头绘制的导航以及主题),然后由你的编码 Agent 将其转化为一个归你所有的真实 Expo 项目。一个代码库即可支持 iOS 和 Android,并在 iOS 26 上使用 Liquid Glass,在 Android 上使用 Material 3 Expressive。

这个 MCP 服务负责将设计传递给你的 Agent。其地址为:

https://opointo.com/api/mcp

Streamable HTTP。本仓库包含该服务的公开列表和设置说明,不包含其源代码。

工具

免费,无需账户: 使用组件所需的一切工具。

工具功能
list_components已提供的组件,以及哪些组件会渲染真正的 iOS 系统控件
get_component单个组件的属性、类型、默认值和值域
find_component根据自然语言描述的 UI 需求,按相关度排列组件
get_rules运行时规则:可能导致组件渲染为空白的错误
get_provider_tree应用根节点的 Provider 嵌套结构,以及可正常工作的顺序
get_theme_tokens主题 Hook,以及间距、圆角和排版比例
check_snippet查找使用这些组件的 TSX 中会导致空白渲染的问题
get_step展开应用方案中的一个步骤

订阅后可用: 用于编写和验证应用的工具。

工具功能
emit_app将你的 opointo 设计转换为可运行的 Expo 应用:导航、Providers、标签栏和屏幕
emit_screen将一个已设计的屏幕转换为现有应用中的文件
add_screen向导出的应用添加新屏幕
install_component向现有项目添加一个组件
update_components随着 iOS 和 Android 的发展,更新 opointo 提供的文件
verify_app在构建前检查生成的应用是否已正确应用

套餐和许可证密钥:opointo.com/pricing。

设置

以下每个代码片段都会添加免费工具。要使用付费工具,请将许可证密钥作为 bearer token 添加; opointo.com/mcp 提供各 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

要求

导出的应用是 Expo 项目。要为 iOS 构建,需要一台装有 Xcode 26 的 Mac;请参阅 opointo.com/compatibility,了解各平台上已验证的内容。

链接

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。