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 を設定すると magic components が読み込まれます。設定しない場合は magic components は読み込まれません（例えば、本番ビルドの場合）。

@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 でテストしましたが、おそらく MCP 接続を持つ他のエディタでも動作するでしょう（agentic code）
2. 現在のところ React ベースの 2 つのプロジェクト（vite を使用）で開発をテストしており、他のフレームワークで動作するかどうか不確実です。

開発

ソースコードについては core.js ファイルをご覧ください。

貢献

PR を開いてください。または、質問があれば LinkedIn（Taras Yarema）で DM してください。

ライセンス

MIT、詳細は LICENSE をご覧ください。