Blip MCP Server: Отображать изменения пользовательского интерфейса для кода Claude вместо их описания

✍️ OpenClawRadar📅 Опубликовано: 23 марта 2026 г.🔗 Source
Blip MCP Server: Отображать изменения пользовательского интерфейса для кода Claude вместо их описания
Ad

Что решает Blip

Разработчик создал Blip, чтобы решить конкретную проблему коммуникации при работе с ИИ-ассистентами для программирования: бесконечные уточнения при описании изменений интерфейса словами. Примеры из источника включают: «Сдвинь кнопку на 20px влево», «Нет, другую кнопку» и «Отступ между вторым и третьим разделами». Этот процесс часто отнимает больше времени, чем само внесение исправлений.

Как это работает

Blip открывает ваше работающее приложение с наложенными поверх инструментами для рисования. Вы можете:

  • Обвести кнопку
  • Нарисовать стрелку
  • Написать текст, например «добавь здесь больше отступа»

После аннотирования скриншота вы нажимаете «отправить». Claude Code получает аннотированное изображение и пишет соответствующий код для реализации указанных вами изменений.

Ad

Технические детали

Blip — это MCP-сервер (Model Context Protocol), созданный специально для Claude Code. Весь проект был написан с помощью 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

👀 Смотрите также

Тест на устойчивость языковых моделей к бессмысленным запросам
Инструменты

Тест на устойчивость языковых моделей к бессмысленным запросам

Бенчмарк Bullshit оценивает, идентифицируют ли ИИ-модели очевидно бессмысленные запросы и возражают против них, вместо того чтобы уверенно генерировать неправильные ответы. Результаты показывают, что модели Claude значительно лучше моделей Gemini в обнаружении бессмысленных вопросов.

OpenClawRadar
Сократитель Токенов: Плагин Claude Code для интеллектуального сжатия контекста
Инструменты

Сократитель Токенов: Плагин Claude Code для интеллектуального сжатия контекста

Token Reducer — это плагин Claude Code, который обрабатывает контекст репозитория локально, сокращая использование токенов на 90–98% с помощью AST-сегментации, гибридного поиска и сжатия TextRank. Распространяется под лицензией MIT и доступен в магазине плагинов.

OpenClawRadar
Открытый инструментарий Ralph Loop для Claude Code: Агенты Пикл Рик и Мистер Мисикс
Инструменты

Открытый инструментарий Ralph Loop для Claude Code: Агенты Пикл Рик и Мистер Мисикс

Расширение с открытым исходным кодом для Claude Code реализует технику Ralph Loop с двумя автономными агентами: Pickle Rick для разработки на основе PRD и Mr. Meeseeks для проверки кода. Оба используют tmux с живыми панелями мониторинга и уведомлениями macOS.

OpenClawRadar
GitVelocity: Анализ 50 тысяч PR с помощью ИИ выявляет взаимосвязь со сложностью кода
Инструменты

GitVelocity: Анализ 50 тысяч PR с помощью ИИ выявляет взаимосвязь со сложностью кода

GitVelocity использует Claude для оценки объединённых pull request'ов по шкале от 0 до 100 по шести параметрам: масштаб, архитектура, реализация, риск, качество и производительность/безопасность. Проанализировав более 50 000 PR в TypeScript, Python, Rust, Go, Java и Elixir, команда обнаружила удивительные закономерности относительно размера PR, покрытия тестами и внедрения ИИ.

OpenClawRadar