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 專案。

可以做什麼
尋找與檢視元件:依自然語言描述的介面需求搜尋、列出元件目錄,並取得單一元件的屬性、預設值、平台呈現方式與相依項目,以及應用程式根層 provider、主題 token 和全目錄規則等設定主題。檢查使用這些元件的 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 分

    請在儲存庫或註冊中心條目中宣告授權條款。