recipebooq

com.recipebooq由 recipebooq.com 發布官方發布者v0.2.0更新於 Oct 24, 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 產生的概覽

遠端 MCP 伺服器,可在瀏覽器中設計 React Native 應用程式,並輸出成你自行擁有的真實 Expo 專案(iOS 與 Android)。

可以做什麼
尋找並檢視 UI 元件,包含屬性、各平台呈現方式、所需 provider 與執行期規則,並檢查 TSX 程式碼中不報錯卻不顯示的常見錯誤。取得應用程式設定說明,涵蓋根層 provider、主題 hook 與整個目錄的通用規則。將 Designer 中的設計輸出為完整 Expo 應用程式,依檔案提供目標路徑、安裝指令與有序步驟。在既有專案中加入單一畫面或元件,並只更新有變動的官方檔案。建置前驗證已輸出的應用程式,並把代理撰寫的設計轉成 Designer 連結供人檢視。
適用情境
適合在使用此元件目錄建置或擴充 Expo/React Native 應用程式時使用,也適合讓代理起草應用程式或畫面設計,由人開啟、修改後再交回產生程式碼。
執行需求
遠端 streamable HTTP 端點 recipebooq.com;未宣告驗證、環境變數或標頭。多個工具(emit_app、add_screen、install_component 免費基礎元件除外、update_components、verify_app)需要訂閱。部分工具會讀取專案的 .opointo/files.json。
安裝前請注意
多數程式碼產生與驗證工具需要付費訂閱。工具回傳的檔案與安裝指令會寫入你的專案,套用前請核對目標路徑;update_components 聲稱不會更動你自己的畫面。傳送給 propose_app 或 propose_screen 的設計會變成由該服務託管的連結。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 recipebooq,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/com.recipebooq%2Frecipebooq/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

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

工具

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

版本歷史

1
  1. v0.2.0最新Sep 16, 2026

評分

已滿足適用檢查項的 83%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分

    請宣告包含 README 的 GitHub 儲存庫,或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款不適用

    託管服務按其提供方的條款使用,因此這裡不要求授權條款。此檢查項不計入百分比。