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
AgentMind: A Claude Code Plugin That Learns and Applies Your Coding Preferences
AgentMind is a Claude Code plugin that observes your coding patterns, learns preferences like tool choices and style rules, and automatically injects that context into future sessions. It uses a six-step core loop and confidence scoring to determine when to apply learned preferences.
Ghostbar: A ~5MB native macOS Swift AI client that hides from screen sharing
Ghostbar is a native Swift macOS menu bar AI client (~5MB) that uses window.sharingType = .none to become invisible to screen recorders. Works with Ollama, vLLM, llama.cpp, and any OpenAI-compatible backend.
Agint: A Rust CLI tool that detects contradictions in AI agent instruction files
Agint is a free, open-source Rust CLI tool that scans instruction files like CLAUDE.md and AGENTS.md for contradictions, missing file references, and sync issues. It uses static analysis for structural problems and optionally calls Claude API for semantic contradiction detection.
Open Source Claude Code Tools for Automated Bug Bounty Hunting
Three open source repositories automate the bug bounty pipeline using Claude Code. The tools handle recon, scanning for web2/web3 vulnerabilities, and generate submission-ready reports.