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
Manifest Router Adds ZAI Subscription Support for OpenClaw Model Management
Manifest router now supports ZAI subscriptions, allowing all ZAI models to appear in routing tiers with automatic model selection per request. The tool is in beta, free, open source, and includes a dashboard for tracking costs per agent, message, and model.
Constrails: Early-Alpha External Governance Layer for AI Agents
Constrails is an external runtime governance layer for AI agents that places a control layer between agents and their tools, implementing capability checks, risk scoring, policy evaluation, and audit logging. The early-alpha project aims to address safety concerns by moving controls outside the agent itself.
No-Code Persistent Memory System for Claude Using Notion and MCP
A radiologist built a 'Cognitive Hub' in Notion that Claude reads and writes to through MCP, creating a structured knowledge base with a routing table to load only relevant information per conversation. The system has grown to 70+ pages after a month of daily use.
Open-source 31-agent product development system for Claude with 12,000+ lines of content
An open-source Claude Skill provides 31 specialized AI agents and 20 strategic frameworks covering all company departments from product to compliance. The MIT-licensed system includes 62 files with 12,000+ lines of actionable content, country-specific compliance for multiple regions, and a smart-loading system that routes requests efficiently.