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、主题钩子与全目录通用规则。将 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。

  • 许可证不适用

    托管服务按其提供方的条款使用,因此这里不要求许可证。此检查项不计入百分比。