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

✍️ OpenClawRadar📅 公開日: March 23, 2026🔗 Source
Blip MCPサーバー:UI変更を説明する代わりにClaudeコードで描画する
Ad

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

Ad

👀 See Also

Claude VS Code拡張機能の推論努力スライダーが一貫性のない値を送信する
Tools

Claude VS Code拡張機能の推論努力スライダーが一貫性のない値を送信する

Claude VS Code拡張機能の推論努力スライダーは、モデルに一貫性のない数値を送信するバグがあり、非単調なマッピングにより、スライダーを上に動かすと実際にはより低い数値が送信される可能性があります。

OpenClawRadar
Pu.sh: HNから得た400行のシェルスクリプトコーディングエージェントハーネス
Tools

Pu.sh: HNから得た400行のシェルスクリプトコーディングエージェントハーネス

Pu.shは、400行のシェル(sh, curl, awk)で書かれたポータブルなコーディングエージェントハーネスで、Anthropic + OpenAI、7つのツール、REPL、チェックポイント/レジューム、パイプモードをサポートし、90のAPI不要のテストを備えています。

OpenClawRadar
Mike: セルフホスティングとマルチモデルに対応したオープンソース法律AI
Tools

Mike: セルフホスティングとマルチモデルに対応したオープンソース法律AI

Mikeは、HarveyやLegoraに代わるオープンソースの代替品であり、ドキュメントチャット、表形式抽出、ワークフローテンプレートを提供します。すべて自己ホスティング可能で、ClaudeやGeminiのAPIキーを使用できます。

OpenClawRadar
オクトポーダMCPサーバーは、Claudeコードに永続メモリ、ループ検出、監査証跡を追加します
Tools

オクトポーダMCPサーバーは、Claudeコードに永続メモリ、ループ検出、監査証跡を追加します

ある開発者がOctopodaを構築しました。これはClaude Codeと統合するMCPサーバーで、AIエージェントに永続的なメモリ、ループ検出、監査証跡、共有知識スペースを提供します。このシステムは、セマンティック検索にPostgreSQLとpgvectorを使用し、FastAPIとReactダッシュボードを備えています。

OpenClawRadar