Blip MCP Server: Отображать изменения пользовательского интерфейса для кода Claude вместо их описания
Что решает Blip
Разработчик создал Blip, чтобы решить конкретную проблему коммуникации при работе с ИИ-ассистентами для программирования: бесконечные уточнения при описании изменений интерфейса словами. Примеры из источника включают: «Сдвинь кнопку на 20px влево», «Нет, другую кнопку» и «Отступ между вторым и третьим разделами». Этот процесс часто отнимает больше времени, чем само внесение исправлений.
Как это работает
Blip открывает ваше работающее приложение с наложенными поверх инструментами для рисования. Вы можете:
- Обвести кнопку
- Нарисовать стрелку
- Написать текст, например «добавь здесь больше отступа»
После аннотирования скриншота вы нажимаете «отправить». Claude Code получает аннотированное изображение и пишет соответствующий код для реализации указанных вами изменений.
Технические детали
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
👀 Смотрите также
Параллельные субагенты в Claude Code: когда они экономят токены, а когда сжигают
Anthropic сообщает, что системы с несколькими агентами потребляют примерно в 15 раз больше токенов, чем одиночный чат, но кэширование промптов даёт скидку 90% на токены. Окупаются ли под-агенты или сжигают деньги, зависит от hit rate кэша.
Плагин с открытым исходным кодом для Claude создает интерактивные визуальные тюнеры с живым предпросмотром.
Разработчик создал плагин с открытым исходным кодом, который позволяет Claude Code генерировать отдельные HTML-страницы с ползунками и бесконечными холстами в стиле Figma для точной настройки значений CSS. Плагин читает исходные файлы, воспроизводит элементы на интерактивном холсте и предоставляет элементы управления для точной корректировки с живым предпросмотром.
Счет за Навыки: Структура Управления Навыками Кодирования ИИ на Основе Markdown
Разработчик создал Skill Bill — фреймворк из 44 навыков ИИ на основе Markdown для Kotlin, Android/KMP, PHP и Go, решающий проблемы управления промптами, такие как дрейф наименований и дублирование логики. Он включает навыки-оркестраторы, такие как 'feature-implement', которые объединяют 10-12 вызовов навыков в цепочку и синхронизируются с Claude Code, Copilot, GLM и Codex.
ТайниФиш Веб Агент превосходит конкурентов в бенчмаркинге веб-задач.
Веб-агент TinyFish достиг 81,9% успешности в сложных веб-задачах, значительно опередив таких конкурентов, как OpenAI Operator с 43,2%.