Blip MCPサーバー:UI変更を説明する代わりにClaudeコードで描画する

Blipが解決する課題
開発者は、AIコーディングアシスタントと作業する際の特定のコミュニケーション問題に対処するためにBlipを構築しました。それは、UI変更を口頭で説明する際のやりとりです。ソースからの例には、「ボタンを20px左に移動」、「いや、別のボタンです」、「2番目と3番目のセクション間のパディング」などがあります。このプロセスは、実際の修正を実装するよりも多くの時間を浪費することがよくあります。
仕組み
Blipは、実行中のアプリケーションを描画ツールがオーバーレイされた状態で開きます。以下のことができます:
- ボタンを丸で囲む
- 矢印を描く
- 「ここにもっとパディングを追加」などのテキストを書く
スクリーンショットに注釈を付けた後、送信を押します。Claude Codeは注釈付き画像を受け取り、あなたが指示した変更を実装するための対応するコードを記述します。
技術詳細
Blipは、Claude Code専用に構築されたMCP(Model Context Protocol)サーバーです。このプロジェクト全体は、週末を使ってClaude Codeで構築されました。無料で、MITライセンスの下でオープンソースであり、データ収集なしで完全にローカルで実行されます。
インストール方法
インストールするには:
claude mcp add blip -- npx blip-mcpプロジェクトリンク
- ランディングページ:https://blip-chi.vercel.app
- GitHubリポジトリ:https://github.com/nebenzu/Blip
- 例のスクリーンショット:https://preview.redd.it/lo07xfhfr7qg1.png?width=2878&format=png&auto=webp&s=c8bad2090f27ec4701375aaf671a49369ce416
開発者は、これが初めてのオープンソースプロジェクトであり、フィードバックを受け取ることを喜んでいると述べています。
📖 Read the full source: r/ClaudeAI
👀 See Also

NerfGuard: コード要求をより安価なモデルにルーティングし、コストを3倍削減する分類器
NerfGuardは高速な分類器を使ってコーディングエージェントのリクエストを最も安価なモデルと推論深度にルーティングし、同じ支出で3倍の利用を実現します。トークン最適化も含まれています。

個人用FastMCPサーバーのためのDrop-in OAuthプロバイダー、すべてのClaudeプラットフォーム対応
ある開発者が、Auth0やGoogleのような外部の認証サービスを必要とせずに、個人用のFastMCPサーバーをClaude.aiのWeb、モバイル、デスクトッププラットフォームで動作させるためのシングルファイルPython OAuthプロバイダーを作成しました。

あなたのフェアシェアツール:会社の利益におけるあなたの平等な取り分を計算
ある開発者が、Claude CodeとVercelを使用して、SEC 10-K報告書に基づいて雇用主の年間利益の平等な分配額を計算するウェブツールを構築しました。このツールは、Appleの従業員1人当たり74万7,000ドル、NVIDIAの従業員1人当たり280万ドルといった具体的な数値を示しています。

Sovr MCP Proxyは、LLMの破壊的コマンドを防ぐための安全層を追加します。
ある開発者が、ローカルLLMがホームフォルダに対してrm -rfを実行しそうになった後、sovr-mcp-proxyを構築しました。このツールはコマンド実行前に割り込み、rm -rf、DROP TABLE、curl | sh、chmod 777などの破壊的なパターンをブロックします。