mcpField
O
oxframe

oxframe

本地服务
oxframe.dev媒体与设计22 天前更新

关于 oxframe

oxframe 是用于创建、预览、检查和渲染代码视频的命令行工具及 MCP 服务。它通过场景检查、帧渲染、组件列表和文档搜索支持编码 Agent;其 API 仍在积极开发中。

主要功能

  1. 01创建和预览视频项目
  2. 02检查场景并生成故事板
  3. 03检查节点并渲染帧
  4. 04从代码渲染视频
  5. 05列出组件并搜索文档

适用场景

  1. 01开发时预览场景改动
  2. 02检查故事板和构建报告
  3. 03检查节点或渲染指定帧
  4. 04让 Agent 查找 oxframe 文档

MCP 相关

`oxframe mcp` stdio 服务向 MCP 客户端提供检查、节点检查、图和帧渲染、视频渲染、组件列表及文档搜索工具。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库
安装包
cargooxframe-cli0.24.3

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

oxframe-cli

crates.io ci docs license

状态: oxframe 正处于非常活跃的开发阶段。API 尚不稳定,可能随版本变化。请在 Cargo.toml 中固定确切版本,并在升级前查看更新日志。

面向 oxframe 项目的 oxframe 命令:创建、热重载预览、渲染和检查。

cargo install oxframe-cli          # or a prebuilt binary:
#   Linux, macOS:  curl -fsSL https://github.com/oxygenframe/oxframe-cli/releases/latest/download/install.sh | sh
#   Windows:       powershell -ExecutionPolicy Bypass -c "irm https://github.com/oxygenframe/oxframe-cli/releases/latest/download/install.ps1 | iex"
oxframe init hello && cd hello
oxframe dev --open                 # editor on http://127.0.0.1:3000/?token=…
oxframe render                     # out/hello.mp4
oxframe publish --title "Hello"    # upload to oxframe.dev, print a link with a player
oxframe check                      # compile, then storyboard + report.json
oxframe inspect --at 2.5           # scene tree at that time, as JSON (--graph adds passes)
oxframe snapshot --at 1.5          # one frame as PNG in out/snapshots/
oxframe agents                     # refresh AGENTS.md and the Claude Code skill
oxframe upgrade                    # move the project to this CLI's SDK version
oxframe doctor                     # Rust, a C linker, ffmpeg: what is missing and how to fix it

更新

cargo install oxframe-cli --force  # the CLI
oxframe upgrade                    # then, in each project: SDK pin, Cargo.lock, agent files

项目会固定 SDK 版本(oxframe = "=0.22.0"),因此新版本发布不会自行更改现有项目。CLI 每天会在后台检查 crates.io(cargo search),并提示有更新的版本;设置 OXFRAME_NO_UPDATE_CHECK=1 可关闭此功能(CI 中默认关闭)。

完整参考文档:https://oxframe.dev/docs/cli。

AI 编码 Agent

oxframe init 会生成 AGENTS.md、CLAUDE.md(@AGENTS.md)以及 .claude/skills/oxframe/ 中的技能文件(工作流 + API 速查表)。这些文件会告知 Agent 使用 oxframe check(故事板和 report.json)验证视觉更改,并且绝不运行 oxframe dev。 升级后,oxframe agents 会刷新这些文件;除非使用 --force,否则会保留未带有 oxframe-agents 标记(由你编辑)的文件。

oxframe mcp 是通过标准输入/输出运行的 MCP 服务,提供 check、inspect、 render_graph、render_frame、render、list_components 和 docs_search:

{ "mcpServers": { "oxframe": { "command": "oxframe", "args": ["mcp"] } } }
  • MCP Registry 名称:mcp-name: io.github.oxygenframe/oxframe

oxframe dev 的工作方式

browser ──WS──▶ oxframe dev (127.0.0.1:3000) ──WS──▶ <project> preview --port 0
                 serves the embedded editor           restarted on every change
                 watches src/, assets/, Cargo.toml → cargo build
  • 更改(防抖 200 ms)会触发 cargo build;编辑器会显示 Building…,之后显示 Reloaded(会重新定位到同一帧),或者显示带有文件和行号的编译器错误——与此同时,之前的构建仍会继续运行。
  • 旧进程会收到 Shutdown,等待 2 s 后会被终止(Windows 上会终止整个进程树)。项目崩溃后最多会重启三次。
  • 安全性:仅限环回地址、检查 Origin、URL 中使用一次性令牌;CLI 只运行 cargo 和你的项目,不会发起网络请求。

退出代码:0 正常,1 构建错误,2 环境问题(ffmpeg、端口),3 版本不匹配。

内嵌编辑器

ui/dist 是由 ui.lock 固定版本的 editor-ui 发布版,通过 rust-embed 打包进二进制(build.rs 或 cargo install 不会访问网络)。

./scripts/fetch-ui.sh             # download the pinned release
just build-ui ../oxframe-web       # or build it from a sibling checkout
oxframe dev --ui-dir ../oxframe-web/packages/editor-ui/dist   # develop the editor

ui/debug-client/ 是一个精简的单文件协议客户端,供调试使用。

开发

cargo test                                          # unit tests, ui.lock check
cargo test --test e2e -- --ignored --nocapture      # init → dev → reload → render (needs ../oxframe-sdk)

采用 MIT 或 Apache-2.0 许可证授权。

许可证

你可以选择采用 Apache License, Version 2.0 或 MIT license 许可证。

评论

支持 Markdown

第一次接触 MCP?

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

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