关于 opointo
opointo 是一款基于浏览器的应用构建工具,可将屏幕、组件、导航和主题设计转换为适用于 iOS 与 Android 的 Expo 项目。它面向借助编码 Agent 创建或扩展原生应用的团队,提供组件说明、代码生成和验证工具。
主要功能
- 01浏览并查看组件信息
- 02根据界面描述查找组件
- 03检查 TSX 中的空白渲染问题
- 04根据设计生成应用和屏幕
- 05添加或更新项目组件
- 06验证生成的应用
适用场景
- 01将浏览器中的设计转换为 Expo 应用
- 02为现有应用生成屏幕
- 03按界面需求查找合适组件
- 04构建前检查生成的代码
MCP 相关
该服务通过 Streamable HTTP 向连接的编码 Agent 提供设计参考和应用生成工具。部分工具免费,写入和验证应用的工具需要订阅。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
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"}}}在 Cursor 中打开{"servers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}在 VS Code 中打开{"mcpServers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}{"mcpServers":{"com-opointo-opointo":{"serverUrl":"https://opointo.com/api/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
11| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| need | string | 否 | 例如:"a progress bar for an upload" |
| category | enum | 否 | 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,了解各平台上已验证的内容。
链接
- 应用构建器:opointo.com
- 文档:opointo.com/docs
- 隐私:opointo.com/privacy
- 条款:opointo.com/terms
- 联系方式:[email protected]
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。