Layerkit: Редактор изображений с ИИ и редактируемыми слоями, созданный на основе Claude Code

Что делает Layerkit

Layerkit — это браузерный редактор изображений, созданный для решения проблемы постоянных повторных запросов к AI-генераторам изображений для небольших правок. Разработчик был разочарован рабочими процессами, где изменение заголовка, небольшое перемещение текста или добавление призыва к действию требовали повторных запросов или переключения на такие инструменты, как Canva.

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

Рабочий процесс состоит из:

• Опишите свою сцену простым текстом
• AI генерирует фоновое изображение с учётом композиции
• Второй проход AI анализирует фактически сгенерированное изображение и размещает текст там, где он читаем
• Всё существует как редактируемые слои, которые можно перетаскивать, изменять размер, переоформлять или удалять, не затрагивая другие элементы

Техническая архитектура

Вся кодовая база была построена с использованием Claude Code. Архитектура включает многоэтапный AI-конвейер:

• Один LLM планирует композицию
• Модель изображений генерирует сцену
• Второй проход LLM анализирует фактически сгенерированное изображение для размещения текста

Claude Code обработал всё — от настройки холста Fabric.js до уровня маршрутизации API, который позволяет пользователям подключать свои собственные ключи. Большая часть инженерии промптов для этапов декомпозиции и уточнения текста также была проработана через Claude.

Ключевые особенности

• Бренд-киты — загружайте брендовые активы, и AI извлекает цвета, шрифты и стиль, чтобы каждое поколение соответствовало бренду
• Работает только с ключом Google AI — без подписки или платы за изображение
• Возможность добавить ключ OpenRouter для доступа к GPT, Claude и другим моделям
• Экспорт всей настройки в виде зашифрованного файла для обмена с командой
• Полностью работает в браузере — ничего не хранится на серверах
• Бесплатно для использования

Инсайты разработки

Разработчик был удивлён тем, насколько хорошо Claude справился с проектированием многоэтапного конвейера. При описании проблем вроде «текст постоянно попадает на загруженные части изображения» Claude предлагал решения (уточнение размещения на основе зрения) и реализовывал их от начала до конца.

Инструмент в настоящее время доступен на layerkit.impulze.ai, и разработчик дорабатывает интеллектуальное размещение текста и приветствует обратную связь.