Post #1682

Лайфхак в разработке 101 TLDR: Claude Code + plugin/skill Nano Banana Когда вы создаете стартап/мобильное приложение/любой другой сервис, вам нередко нужны какие-то иллюстрации или графика, чтобы визуально украсить ваше “творение”. Мы исповедуем в компании максимально AI-first подход и поэтому не ищем легких путей 😃 Шутка! Наоборот, ищем самые быстрые и менее затратные пути решения вопросов. При разработке мобильного приложения, а именно в части онбординг экранов, мне потребовались иллюстрации, но дизайнера (иллюстратора) под рукой нет, но есть агент в Claude Code и контекст самого приложения. Агент легко понимает, что у тебя за приложение, какое назначение каждого экрана, какой дизайн-код у приложения. Но увы, рисовать не умеет. Используя плагин от Anthropic для создания плагинов (доступен в их маркетплейсе плагинов, умеет создавать новые плагины согласно документации от Антропика) в Claude Code просим создать плагин для работы с Google API и OpenRouter API, где есть нужные нам модели Nano Banana. В том числе просим максимально реализовать все возможности работы по API с указанной моделью бананы, а не просто генерацию text2img, но и в том числе и работу с референс изображениями img2img, на базе которых будем создавать новые нам картиночки. В итоге плагин готов (в добавок попросил Claude Code помочь создать мне свой приватный маркетплейс для плагинов) и установлен из моего маркетплейса в Claude Code. Просим агента в Claude Code проанализировать контекст экранов приложения, на которых нам нужно заполнить пустоту красивыми иллюстрациями, находим референсы разных иллюстраций (в примере первая картинка это реф), которые нам нравятся и которые по стилю хорошо нам подойдут, скармливаем их агенту, просим сгенерировать в таком же стиле, предварительно согласовав с нами свой замысел т.е. чтобы агент сначала описал нам, что именно на иллюстрации он хочет сгенерировать под нужные экраны и если вам ок, запускаем процесс. Через 30–40 сек первый набор изображений готов. Если вам сразу ок результат, агент тут же встраивает эти изображения в ресурсы приложения. Build, run и у вас красота. Дофамин зашкаливает. Сколько бы такое рисовал иллюстратор ну или дизайнер (хотя дизайнер скорее не сможет такое)? Хороший — 2–3 часа, среднечковый вернулся бы через пару дней, а вы от замысла до реализации за 30 мин управлись и 15 центов за каждое изображение (потому что Nano Banana Pro, старая банана обойдется через OpenRouter в 3 цента), а последующие генерации займут у вас пару минут под любые ваши идеи. Писать в наше время промпты для генерации изображений вручную такая гадость, агент лучше вас это сделает, понимая весь контекст. Достаточно дать ему инструменты и описать свои хотелки. Какие были нюансы: – Конечная иллюстрация была без прозрачности фона. Пришлось быстро найти в сети обрезатель фона (на примере, фон вокруг круга был непрозрачный) и добавлять альфа канал в PNG (3 минуты ушло на поиски). – Генерировал изображения в несколько итераций. После каждой генерации объяснял агенту, что нужно поправить на иллюстрации и он, беря за основу текущий результат, генерировал новый вариант. – Плагин генерации изображений настроил так, что он умеет обращаться как в Google API, так и в OpenRouter API к указанной модели Nano Banana, прописав ему после установки API ключ. Плохой художник крадёт, хороший пишет плагины и скиллы для Claude Code и делает красоту!