prodex-js

prodex-js

简单的 JS 库，让你的代码编写提升到新高度！

https://github.com/user-attachments/assets/5fc85e16-0a18-4b97-aa6c-e18e6767a407

功能

• 组件级提示词；
• 页面级提示词；
• 基础视觉集成（MCP 客户端可以"提问"你在屏幕上看到的内容）；
• （未实现）屏幕截图集成。

使用

代码设置

使用时，在 HTML 文件的 head 中添加以下内容：

<script name="prodex" src="http://cdn.jsdelivr.net/gh/tarasyarema/[email protected]/core.min.js?k=test"></script>

如果设置 k，魔法组件将被加载，如果不设置，魔法组件将不会被加载（例如用于生产构建）。

你可以设置 @master 以始终获取最新版本，或指定特定版本。但可能会"更加"不稳定。

MCP 设置

在你的 MCP 设置中添加以下内容

{
    "mcpServers": {
        "prodex": {
            "url": "https://prodex-api.onrender.com/mcp/sse?api_key=sk_test"
        }
    }
}

你可以使用 sk_test 作为 api_key 用于测试目的。

目前我自己托管后端，但将来我可能会开源 / 发布二进制文件，这样你可以在本地运行 MCP，因为它可能是一个更大项目的一部分。

如果你对后端真正感兴趣或无法使用外部服务，请通过 LinkedIn 告诉我，我可能会给你访问权限 / 二进制文件。

Claude Code

确保你拥有 0.2.54 或更高版本

claude mcp add prodex --transport sse https://prodex-api.onrender.com/mcp/sse?api_key=sk_test

免责声明

1. 我在 Cursor 中进行了测试，但可能任何其他与编码 Agent 有 MCP 连接的编辑器都可以；
2. 目前在两个基于 React 的项目（使用 vite）中的开发中进行了测试，不确定是否会适用于其他框架。

开发

查看 core.js 文件了解源代码。

贡献

请开启 PR，或在 LinkedIn 上直接私信我（Taras Yarema）（如果你有任何问题）。

许可证

MIT，详见 LICENSE。