Blip MCP Server: Draw UI Changes for Claude Code Instead of Describing Them
What Blip Solves
The developer built Blip to address a specific communication problem when working with AI coding assistants: the back-and-forth of describing UI changes verbally. Examples from the source include: "Move the button 20px left," "No, the other button," and "The padding between the second and third section." This process often wastes more time than implementing the actual fix.
How It Works
Blip opens your running application with drawing tools overlaid on top. You can:
- Circle a button
- Draw an arrow
- Write text like "add more padding here"
After annotating the screenshot, you hit send. Claude Code receives the annotated image and writes the corresponding code to implement the changes you indicated.
Technical Details
Blip is an MCP (Model Context Protocol) server built specifically for Claude Code. The entire project was built using Claude Code over a weekend. It's free, open source under the MIT license, and runs entirely locally with no data collection.
Installation
To install:
claude mcp add blip -- npx blip-mcpProject Links
- Landing page: https://blip-chi.vercel.app
- GitHub repository: https://github.com/nebenzu/Blip
- Example screenshot: https://preview.redd.it/lo07xfhfr7qg1.png?width=2878&format=png&auto=webp&s=c8bad2090f27ec4701375aaf671a49369ce416
The developer notes this is their first open source project and they're happy to receive feedback.
📖 Read the full source: r/ClaudeAI
👀 See Also
InsForge: A Backend Semantic Layer for Claude Code Agents
InsForge exposes six backend primitives—authentication, Postgres database, S3-compatible storage, edge/serverless functions, model gateway, and site deployment—as structured components that Claude Code agents can inspect and configure via MCP instead of guessing API integrations.
EmoBar: Visualizing Claude's Internal Emotion Vectors from Anthropic Paper
A developer built EmoBar, an open-source tool that visualizes the 171 internal emotion representations in Claude identified in Anthropic's recent paper. The tool uses a dual-channel approach to surface these measurable vectors that causally drive model behavior.
DAUB MCP Server Lets Claude Generate and Render UIs via JSON Specs
DAUB is an MCP server that enables Claude to generate UI interfaces directly from natural language prompts, producing structured JSON specs that render as live interfaces without code generation or compilation. It exposes four tools including generate_ui, render_spec, validate_spec, and get_component_catalog.
companion-capture: Tool saves Claude Code's ephemeral speech bubbles
companion-capture is an open-source tool that captures Claude Code's companion character speech bubbles before they vanish from the terminal. It saves messages to markdown files and SQLite for search, using VT100 screen buffer parsing to track cursor positions.