@bezda/rhp-mcp (英语)
绘制图表 小时 从任何AI代理. rhp 2于2026年9月出道,在今天的模型的训练数据之后,所以一个特工在读出rhp的指南之前对它一无所知. 此软件包携带了该指南(工作流程,参考文献和被测试的食谱)和一个检查器,它使代理的图表在浏览器中并报告出错,每个问题和截图都有固定的查看.
从这里开始: Rhp 技能
在编码代理(Claude Code, Cursor, Copilot, Codex, Gemini CLI等)中,您在项目中运行此功能:
npx skills add bezda-team/rhp
那就找一张图表.
技能教代理 rhp 并运行此包的检查器 npx,所以你没有安装其他的.
命令行上的检查器
npx -y @bezda/rhp-mcp check chart.html
它使图表在1280px和390px宽, 尝试它的相互作用, 并打印出什么是错的, 每一个问题 什么样的改变, 然后在哪里保存截图.
当图表有出错时,退出代码为 1.
它检查一个 .html 页面、固态或反应 .jsx 或者说 .tsx 组件,或 a .js 模块 @bezda/rhp/standalone。 。 。 .
| 选项 | 它会做什么 |
|---|---|
--widths 1280,390 | 要检查的页面宽度; 互动先尝试, 并按电话宽度( 600px 或更小) 调取分层 . |
--dark | 带有暗色图案的渲染器. |
--no-interact | 跳过交互. |
--settle-timeout <ms> | 页面在被测出之前可能需要多长时间来休息,100到30000 ms(默认为1000;在慢机上提升. |
--format <format> | html, (中文(简体) ), solid, (中文(简体) ), react 或者说 module,当文件的扩展名和代码不清晰时. |
--json | 将整个结果印为JSON. |
--out <dir> | 截图去的地方(默认情况下系统临时文件夹中的文件夹). |
npx -y @bezda/rhp-mcp guide 打印向导,用于运行命令但没有安装技能的代理.
MCP 服务器
服务器给一个代理商提供与四个工具相同的向导,参考资料,食谱和检查器,并像代理商所看到的图像一样返回检查器的截图. 在没有外壳(Claude Desktop)的客户端中使用,或者当你宁愿给代理工具而不是技能时使用. 仅服务器就足够了:它的指示让代理在写出任何rhp代码之前先读取指南.
每个客户都是从 npx -y @bezda/rhp-mcp,这需要节点20或以后.
第一个开始下载包及其依赖性(约80 MB).
如果您的客户端在服务器准备好之前放弃了, 请运行 npx -y @bezda/rhp-mcp --version 在终端中重新启动客户端.
克劳德代码
claude mcp add rhp -- npx -y @bezda/rhp-mcp
添加 -s user 在每一个项目中都有,或者 -s project 写到项目 .mcp.json 给每个工作的人.
或安装 Claude 代码插件,该插件将技能和这个服务器结合在一起:
claude plugin marketplace add bezda-team/rhp
claude plugin install rhp@rhp
该插件的技能需要克劳德代码2.1.160或更后(2.1.141只装入服务器).
克劳德桌面
打开设置 > 开发者 > 编辑配置,并添加服务器到 claude_desktop_config.json (单位:千美元) ~/Library/Application Support/Claude/ 在macOS上, %APPDATA%\Claude\ 视窗上 :
{
"mcpServers": {
"rhp": { "command": "npx", "args": ["-y", "@bezda/rhp-mcp"] }
}
}
光标
在浏览器中打开此链接以在一击中安装( Cursor 有文档的安装链接) :
cursor://anysphere.cursor-deeplink/mcp/install?name=rhp&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIkBiZXpkYS9yaHAtbWNwIl19
或者加点 mcpServers 显示 Claude 桌面的条目 ~/.cursor/mcp.json (每个项目)或 .cursor/mcp.json (一个项目).
VS 代码 (GitHub 副驾驶)
code --add-mcp "{\"name\":\"rhp\",\"command\":\"npx\",\"args\":[\"-y\",\"@bezda/rhp-mcp\"]}"
或者加点 mcpServers 显示 Claude 桌面的条目 .mcp.json 在工作空间的根,或到 ~/.copilot/mcp-config.json 每个工作空间.
年长者 .vscode/mcp.json 在同一条目下 servers。 。 。 .
Windsurf (丹麦桌面)
与Devin CLI或Devin本地代理商:
devin mcp add -s user rhp -- npx -y @bezda/rhp-mcp
对连锁店的代理,加 mcpServers 显示 Claude 桌面的条目 ~/.config/devin/mcp_config.json (单位:千美元)%APPDATA%\devin\mcp_config.json )),在视窗上.
副驾驶CLI
类型 /mcp add 在会话中,或添加 mcpServers 显示 Claude 桌面的条目 ~/.copilot/mcp-config.json。 。 。 .
齐德
将服务器添加到 Zed 的设置文件( 命令) zed: 打开设置文件 打开它:
{
"context_servers": {
"rhp": { "command": "npx", "args": ["-y", "@bezda/rhp-mcp"], "env": {} }
}
}
代码
codex mcp add rhp -- npx -y @bezda/rhp-mcp
它写这个给 ~/.codex/config.toml数字 :
[mcp_servers.rhp]
command = "npx"
args = ["-y", "@bezda/rhp-mcp"]
双子座CLI
gemini mcp add --scope user rhp npx -- -y @bezda/rhp-mcp
无 --scope user 它去项目 .gemini/settings.json。 。 。 .
线
在Cline中,打开MCP服务器,然后配置MCP服务器,并添加 mcpServers 显示 Claude 桌面的条目 cline_mcp_settings.json。 。 。 .
工具
| 工具 | 它的回报 |
|---|---|
rhp_guide | 从请求到被检查图表的工作流程,防止大多数错误的规则,以及引用和食谱的名称. 特工先唤作. |
rhp_reference | 一个参考文献: name数字 : api, (中文(简体) ), design, (中文(简体) ), environments, (中文(简体) ), forms, (中文(简体) ), interaction, (中文(简体) ), looks 或者说 pitfalls长篇小说作为片段列表出现 section (数字或标题)返回其中之一. |
rhp_recipe | 没有 type,列出各种配方 type 例如 bar,该食谱的全部 HTML 文件,一个测试的图表页开始. |
rhp_check | 将图表显示在 file (绝对路径)或 code 给定,并返回报表(错误和警告,各有定律,及其尝试的相互作用)和截图作为图像。 选项 : format, (中文(简体) ), widths (单位:千美元)[1280, 390] 默认,最多为六, dark, (中文(简体) ), interact, (中文(简体) ), settleTimeout。 。 。 . |
rhp_check 只取绝对路径:一些客户端(Codex)在自己的文件夹中启动服务器,其中相对路径会指向错误的文件.
服务器还有一个提示, chart,客户端显示为 slash 命令 : 它需要一张图表并告诉代理商遵循 rhp_guide 并检查 rhp_check 直到报告干净为止.
浏览器
检查器在其发现的第一个浏览器中生成图表:
- 可执行文件
RHP_CHECK_BROWSER环境变量; - Playwright 的铬( 首先是无头壳);
- 谷歌克罗姆;
- 微软边缘.
没有这些,支票仍然报告没有浏览器就可以找到的东西,并说要运行:
npx -y @bezda/rhp-mcp install-browser
它将Chrimium的无头壳下载到Playwright的常用文件夹中,并将其他浏览器单独放在那里.
其他选项到 Playwright 的安装器: 在 Linux 上, install-browser --with-deps 还安装了浏览器所需的系统库.
本地检查
检查器在您的机器上的浏览器中制作您的图表,而不上传其源代码或截图 .
它回答了页面的要求 @bezda/rhp 从rhp的复制 它的船.
唯一的其他请求是您图表的页面所制作的,比如它的Google字体,每个请求在检查没有它之前得到5秒.
没有遥测.
检查者将图表的页面视为它没有写的代码,只给出图表需要渲染的内容:
- 它允许公共HTTP GET、HEAD和PopTIONs请求获得资产和数据,而无需转发请求机构;POST和其他方法被冻结. WebSockets由于可以发送任意的信息而被屏蔽. 这并不能保证公众URL或其信头发送的数据.
- 它只到达公共地址: 从来没有这个机器(
localhost),您的网络或云的元数据服务,包括通过重定向或DNS答案. 远程回复的总时限为5秒,跨越了重定向,并规定了64 MB 的尺寸限制,包括减压内容. 拒绝本地代理屏蔽浏览器连接绕过资产路由器,包括工人套接字 . - 它读取了图表旁边的文件和它下面的文件夹,但没有隐藏的文件(
.env, (中文(简体) ),.git)和图表文件夹外的任何东西,包括通过同音链接. 这些限制适用于独立的HTML页面和捆绑的图表. - 浏览器与Chromium的沙盒一起运行(没有它,只能是无法启动的地方,如一些Linux容器),没有服务人员,也没有下载.
检查人拒绝的要求在检查中报告,检查在没有检查的情况下继续进行.
维护者
bin/rhp-mcp.js the command: no arguments starts the server
src/server.js the MCP server: four tools, one prompt, one browser shared by every check
src/skill.js reads the skill: SKILL.md, the references (whole or by section) and the recipes
src/check/ the checker (its README lists every finding and how each is tested)
src/guard/ the wrapper around rhp that checks how a chart uses it, in the page
scripts/build.js copies ../skills/rhp into skill/ and rhp's LICENSE into this folder (npm pack runs it first)
server.json the MCP Registry's entry for this package (registry.modelcontextprotocol.io)
icon.png the server's 400x400 icon for directory listings (the site's src/assets/rhp-icon.svg)
test/mcp.js the build, the package, the Claude Code plugin's manifests, and the server through the SDK's client
test/run.js the checker
考证.
npm test 运行 test/mcp.js,则 test/run.js。 。 。 .
技艺.
它住在这里 skills/rhp/ 在仓库的根部.
服务器在寄存器内读取它, 所以它永远不会被扭曲; 已出版的软件包读取其副本 skill/。 。 。 .
没有 structuredContent。 。 。 .
Claude代码显示一个工具的模型 structuredContent 包括图象,以代替其文本,并取而代之的是Codex.
报告或截图 永远不会到达代理,所以 rhp_check 返回时仅作为内容.
出版业.
@bezda/rhp 实值 file:.. 在此, 以便测试此寄存器的构建的图表; npm 的安装无法解决它 .
在每次 rhp 发布后发布此软件包, 其范围设定为该发布, 以及它自己的新版本 .
检查器携带的是自己的rhp副本,一个页面从jsDelivr装入了最新的rhp 2,因此这两个rhp保持了相同的rhp;一个新的版本也使得 npx 获取新对 :
首先将新版本输入 package.json, (中文(简体) ), package-lock.json 财务报告和审定财务报表 server.json (两个工作组) version 字段; npm test 然后:
npm pkg set dependencies.@bezda/rhp=^2.0.1 # the rhp version just published
npm publish
git checkout package.json
gh workflow run mcp-registry.yml # lists the new version in the MCP Registry
npm publish 首先运行该建筑,和 publishConfig 将包裹公之于众.
登记簿只列出npm拥有的版本 mcpName 联合国 package.json 命名条目 : 工作流程检查 npm , 然后在注册簿中签名, 作为此寄存器( GitHub 的 OIDC, 因此没有存储任何令牌) 并发布 server.json。 。 。 .
MCP SDK(英语:MCP SDK).
服务器使用 @modelcontextprotocol/sdk 1.x (v1行),因为客户今天会说v1;v1在v2于2026年7月发布后至少得到六个月的修复.
移动到 v2 表示导入 McpServer 从 @modelcontextprotocol/server,给出每个工具的 inputSchema 作为 z.object({ ... }),然后启动服务器 serveStdio 从 @modelcontextprotocol/server/stdio。 。 。 .