Визуализация дорожной карты проекта, деталей в разрезе и дерева решений с NanoBananaPro
Типсы от мужика из Реддита, которого я уважаю:
1. Структура промпта
Не пишите просто “Сделай инфографику про кофе.” Нужно накормить движок рассуждений. Используйте эту структуру:
- Тема:“Инфографика про [Тема]”
- Контекст данных:“Используй реальные данные за [Год] по теме [Предмет].”
- Визуальный стиль:“Киберпанк неон / Изометрическая 3D / Винтажный пергамент / Чистый корпоративный флэт.”
- Макет:“Используй поток Дорожной карты / Древовидную карту / Разрез в поперечном сечении.”
2. Используйте фитчу “Каляки-в-изображение”
Это убийственная фича. Нарисуйте ужасный(Какой сможете) набросок на бумаге, показывая, где вы хотите видеть заголовок и графики. Загрузите это в Gemini с промптом:
> “Преврати этот эскиз в высококачественную инфографику про [Тема]. Сохрани этот точный макет, но сделай это в стиле [Стиль].”
3. Указывайте соотношение сторон
Инфографика часто стремная, потому что она сжата.
- Мобильные/Соцсети: Промпт для 9:16 (Вертикальная). Отлично для “Дорожных карт” (как мой пример с Сингулярностью).
- Десктоп/Печать:Промпт для 16:9 (Горизонтальная). Отлично для “Таймлайнов” или “Карт мира.”
4. Итеративно дебажьте по частям
Nano Banana Pro позволяет редактировать по кускам картинки. Если одна статистика неправильная:
- Выделите текстовую область.
- Промпт: “Измени текст на ‘50 миллиардов’ вместо ‘50 миллионов’.”
- Он рендерит текст идеально в том же стиле шрифта без искажения остального изображения.
-----
Разбор стилей
Дорожная карта :
Ключевое слово промпта:“Изогнутый таймлайн, светящиеся узлы, прогрессия слева направо, отдельные эпохи.”
"Curved timeline, glowing nodes, progression from left to right, distinct eras."
Разрез :
Ключевое слово промпта:“Вид в разрезе, подземные слои, метки глубины (от 0м до 10,000м), образовательные подписи.”
"Cross-section view, underground layers, depth markers (0m to 10,000m), educational labels."
Древовидная карта:
Ключевое слово промпта: “Макет Бенто-сетки, прямоугольные блоки размером по значению, отдельная цветовая кодировка по категориям.”
"Bento grid layout, rectangular blocks sized by value, distinct color coding per category."
Дашборд:
Ключевое слово промпта:“Стиль HUD, центральный глобус, окружающие круговые виджеты, потоки данных, неоновые границы.”
"HUD style, central globe, surrounding circular widgets, data streams, neon borders."
-----
Мы переходим от “Промпти и молись” к “Промпти и планируй”.
С рассуждениями Gemini 3 можно мгновенно визуализировать сложные статьи, бизнес-отчёты или учебные заметки с высокой фактической и пространственной точностью.
Кайф же!
Типсы от мужика из Реддита, которого я уважаю:
1. Структура промпта
Не пишите просто “Сделай инфографику про кофе.” Нужно накормить движок рассуждений. Используйте эту структуру:
- Тема:“Инфографика про [Тема]”
- Контекст данных:“Используй реальные данные за [Год] по теме [Предмет].”
- Визуальный стиль:“Киберпанк неон / Изометрическая 3D / Винтажный пергамент / Чистый корпоративный флэт.”
- Макет:“Используй поток Дорожной карты / Древовидную карту / Разрез в поперечном сечении.”
2. Используйте фитчу “Каляки-в-изображение”
Это убийственная фича. Нарисуйте ужасный(Какой сможете) набросок на бумаге, показывая, где вы хотите видеть заголовок и графики. Загрузите это в Gemini с промптом:
> “Преврати этот эскиз в высококачественную инфографику про [Тема]. Сохрани этот точный макет, но сделай это в стиле [Стиль].”
3. Указывайте соотношение сторон
Инфографика часто стремная, потому что она сжата.
- Мобильные/Соцсети: Промпт для 9:16 (Вертикальная). Отлично для “Дорожных карт” (как мой пример с Сингулярностью).
- Десктоп/Печать:Промпт для 16:9 (Горизонтальная). Отлично для “Таймлайнов” или “Карт мира.”
4. Итеративно дебажьте по частям
Nano Banana Pro позволяет редактировать по кускам картинки. Если одна статистика неправильная:
- Выделите текстовую область.
- Промпт: “Измени текст на ‘50 миллиардов’ вместо ‘50 миллионов’.”
- Он рендерит текст идеально в том же стиле шрифта без искажения остального изображения.
-----
Разбор стилей
Дорожная карта :
Ключевое слово промпта:“Изогнутый таймлайн, светящиеся узлы, прогрессия слева направо, отдельные эпохи.”
"Curved timeline, glowing nodes, progression from left to right, distinct eras."
Разрез :
Ключевое слово промпта:“Вид в разрезе, подземные слои, метки глубины (от 0м до 10,000м), образовательные подписи.”
"Cross-section view, underground layers, depth markers (0m to 10,000m), educational labels."
Древовидная карта:
Ключевое слово промпта: “Макет Бенто-сетки, прямоугольные блоки размером по значению, отдельная цветовая кодировка по категориям.”
"Bento grid layout, rectangular blocks sized by value, distinct color coding per category."
Дашборд:
Ключевое слово промпта:“Стиль HUD, центральный глобус, окружающие круговые виджеты, потоки данных, неоновые границы.”
"HUD style, central globe, surrounding circular widgets, data streams, neon borders."
-----
Мы переходим от “Промпти и молись” к “Промпти и планируй”.
С рассуждениями Gemini 3 можно мгновенно визуализировать сложные статьи, бизнес-отчёты или учебные заметки с высокой фактической и пространственной точностью.
Кайф же!
👍5❤🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Ну всё. Наш медовый месяц с этим парнем закончился. Отправили его домой.
За два с половиной дня мы реально оторвались:
• Впихнули в него мостик GPT, а значит и с Whisper голосовым,
• Научили слышать и говорить на польском, английском и далее, как заказчик скажет.
• Помнить контекст разговора, ну и в целом работать с любой БД, какую интегрируем через APK
• Синхронизировали голос с жестами рук (15+ вариаций)
• Далее можно подсоединиться к OTA для брони или к R-keeper для заказа еды, или помогать возить чемодан, или куда позволит фантазия.
Некоторая дичь случилась с тем, что андроид у робота довольно пожилой и современный JavaScript не запускался, но мы это разрулили совместно с коллегами из Австралии, у которых этот чел работает баристой 😝
В результате домой поехал готовый Каспер, рвущийся к интеграциям с системами реальных отелей.
Технически: React + TypeScript → Android WebView → JS Bridge → Robot SDK
Ps: никак не могла найти время поиграться с новыми Veo3 и KlingAI для генерации звука и видео, но ради этого головастика нашла. Зацените.
Back to the future!
За два с половиной дня мы реально оторвались:
• Впихнули в него мостик GPT, а значит и с Whisper голосовым,
• Научили слышать и говорить на польском, английском и далее, как заказчик скажет.
• Помнить контекст разговора, ну и в целом работать с любой БД, какую интегрируем через APK
• Синхронизировали голос с жестами рук (15+ вариаций)
• Далее можно подсоединиться к OTA для брони или к R-keeper для заказа еды, или помогать возить чемодан, или куда позволит фантазия.
Некоторая дичь случилась с тем, что андроид у робота довольно пожилой и современный JavaScript не запускался, но мы это разрулили совместно с коллегами из Австралии, у которых этот чел работает баристой 😝
В результате домой поехал готовый Каспер, рвущийся к интеграциям с системами реальных отелей.
Технически: React + TypeScript → Android WebView → JS Bridge → Robot SDK
Ps: никак не могла найти время поиграться с новыми Veo3 и KlingAI для генерации звука и видео, но ради этого головастика нашла. Зацените.
Back to the future!
🔥4❤2
Привет, мамкины vibe-кодеры! Сейчас я сэкономлю вам кучу денег.
Но сначала предистория. Затащил меня на днях один вайб-дата-инженер на вебинар по vibe-coding. Думала, увижу что-то новое, а в итоге выпала в осадок. Чувак начал прямо в окне Replit пытаться уговорить AI сделать отладку...Я так тоже в самом начале делала, но при таком подходе примерно через 5 минут улетают основные кредиты на $25 баксов Replit, еще через 10 минут дополнительные $10, а дальше добро пожаловать в яму бабло-зависимости и тупизма ai-агента, который сделав отладку в одном месте умудряется все сломать в другом.Пёс
Альтернативый способ - таскать куски кода в свой gpt/cursor и возвращать и в систему отлаженные. Но тут есть риск неучета зависимостей. Думаю, что каждый, кто хотел себе что-то запрототипировать, задавался вопросом, как бы накодить что-то более ли менее рабочее, но не истратить все бабосики?
Так вот я тоже задалась и через муки нашла подходящий мне почти непрограмистский путь: Claude Code + Github.
Дарю инструкцию по настройке:
Шаг 1: Устанавливаем Claude Code прямо к себе на комп (предварительно переходим на Pro версию в самом Claude). Тutor
Шаг 2: Скачиваем копию проекта из Replit и связываем с GitHub. Tutor
Шаг 3: Связываем ваш основной проект в Replit с GitHub но не на публикацию а на pull данных. Tutor
Шаг 4: Работаем локально с Claude Code, предварительно открывая терминал прямо в папке с вашим проектом и вызывая
А дальше туда же прямо словами пишем, как обычно: все херня - переделывай!
Шаг 5: Коммитим изменения с компа в GitHub. Tutor
Шаг 6: Replit автоматически подтягивает изменения или делаем это через команду в Shell.
Бум - перестаёте трястись, что этот тупой вопрос последний.😜
Наверное, настоящие разработчики делают еще как-то попроще, но мне пока итак норм, а главное ~$3-5 на средний проект вместо $30-50 в Replit.
В итоге, я отказалась от платной подписки на GPT и теперь свои анализы и письма в немецкую бюррократию тоже перевожу в чате с основным клодом.
Но сначала предистория. Затащил меня на днях один вайб-дата-инженер на вебинар по vibe-coding. Думала, увижу что-то новое, а в итоге выпала в осадок. Чувак начал прямо в окне Replit пытаться уговорить AI сделать отладку...Я так тоже в самом начале делала, но при таком подходе примерно через 5 минут улетают основные кредиты на $25 баксов Replit, еще через 10 минут дополнительные $10, а дальше добро пожаловать в яму бабло-зависимости и тупизма ai-агента, который сделав отладку в одном месте умудряется все сломать в другом.
Альтернативый способ - таскать куски кода в свой gpt/cursor и возвращать и в систему отлаженные. Но тут есть риск неучета зависимостей. Думаю, что каждый, кто хотел себе что-то запрототипировать, задавался вопросом, как бы накодить что-то более ли менее рабочее, но не истратить все бабосики?
Так вот я тоже задалась и через муки нашла подходящий мне почти непрограмистский путь: Claude Code + Github.
Дарю инструкцию по настройке:
Шаг 1: Устанавливаем Claude Code прямо к себе на комп (предварительно переходим на Pro версию в самом Claude). Тutor
Шаг 2: Скачиваем копию проекта из Replit и связываем с GitHub. Tutor
Шаг 3: Связываем ваш основной проект в Replit с GitHub но не на публикацию а на pull данных. Tutor
Шаг 4: Работаем локально с Claude Code, предварительно открывая терминал прямо в папке с вашим проектом и вызывая
cd /путь/к/папке
npx @anthropic-ai/claude-code
А дальше туда же прямо словами пишем, как обычно: все херня - переделывай!
Шаг 5: Коммитим изменения с компа в GitHub. Tutor
Шаг 6: Replit автоматически подтягивает изменения или делаем это через команду в Shell.
Бум - перестаёте трястись, что этот тупой вопрос последний.
Наверное, настоящие разработчики делают еще как-то попроще, но мне пока итак норм, а главное ~$3-5 на средний проект вместо $30-50 в Replit.
В итоге, я отказалась от платной подписки на GPT и теперь свои анализы и письма в немецкую бюррократию тоже перевожу в чате с основным клодом.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤🔥1❤1
В далеком 2010, когда многие из вас еще ходили в детский сад, я талдычила эту истину своим корреспондентам на радио. Только что наткнулась на этот бенчмарк в гайде по увеличению виральности в LinkedIn.
Так вот. Глаз спотыкается там же, где ухо. Когда мы читаем, мы всё равно проговариваем слова про себя.
Мой личный тест на виральность еще проще: читаю свои тексты вслух. Если не хватает дыхания или хочется зевнуть - иду переписывать.
Последнее время я вообще-то мало пишу. Какая-то общая усталость от AI-текстов. Не хочется добавлять в мир еще мусорных букв.
Рубрика "непрошенные советы". Спасибо. До свиданья.
Так вот. Глаз спотыкается там же, где ухо. Когда мы читаем, мы всё равно проговариваем слова про себя.
Мой личный тест на виральность еще проще: читаю свои тексты вслух. Если не хватает дыхания или хочется зевнуть - иду переписывать.
Последнее время я вообще-то мало пишу. Какая-то общая усталость от AI-текстов. Не хочется добавлять в мир еще мусорных букв.
Рубрика "непрошенные советы". Спасибо. До свиданья.
👍5💯3❤1
Я задыхаюсь от нежности, а еще от нового релиза Claude Cowork
Слепила себе помогатора-копирайтера, который анализирует стиль письма, основываясь на прошлом датасете (который лежит в папочке на локальном компе), ищет наиборее релевантные посты на переопубликацию, сверяясь с TGstat по показателям вовлесенгсти, топает в интернет и ресерчит обновления к данным и
бинго!
генерирует контент под голос бренда, оптимизирует под ключевые слова и при наличии API публикует в выбранную систему по расписанию.
Стоит пока, как чугунный мост, но все равно гораздо приятнее, чем общаться с разработчиками 🤭
Слепила себе помогатора-копирайтера, который анализирует стиль письма, основываясь на прошлом датасете (который лежит в папочке на локальном компе), ищет наиборее релевантные посты на переопубликацию, сверяясь с TGstat по показателям вовлесенгсти, топает в интернет и ресерчит обновления к данным и
бинго!
генерирует контент под голос бренда, оптимизирует под ключевые слова и при наличии API публикует в выбранную систему по расписанию.
Стоит пока, как чугунный мост, но все равно гораздо приятнее, чем общаться с разработчиками 🤭
🔥4
Мужики принесли ящик пива на теннис. Холодное такое, потное.Edel.
Я говорю - “Sportbier?” А они мне - “Ein, zwei, drei Biere sind für einen Bayern normal.”
Угощайся, говорят. А я вообще-то хотела бы. И поболтать с ними хотела бы и пиво это клевое. Но я не понимаю этот грёбанный баварский и я там одна фрау, поэтому, чтобы не вызывать неловкость всех сторон, я сказала, что мне пора и уехала.
Расстройство.
А еще у меня подтормаживает мозг при смене стороны ракетки. И это тоже расстройство.
Я говорю - “Sportbier?” А они мне - “Ein, zwei, drei Biere sind für einen Bayern normal.”
Угощайся, говорят. А я вообще-то хотела бы. И поболтать с ними хотела бы и пиво это клевое. Но я не понимаю этот грёбанный баварский и я там одна фрау, поэтому, чтобы не вызывать неловкость всех сторон, я сказала, что мне пора и уехала.
Расстройство.
А еще у меня подтормаживает мозг при смене стороны ракетки. И это тоже расстройство.
😁6
Много пишут про сложности поддержки навайбкоженого говна софта.
Мол, напромптить себе сайт и дурак может, а ты попробуй его обнови, доработай и вообще как-то доведи до прода без продажи почки.
И на самом деле эти опасения верны. Были до последнего времени.
Сегодня я на примере связки (replit + claude code + gitub pages) хочу показать, как самому поддерживать захарардкоженый вайбсофт.
Этап 1: Сборка
Сначала мы нашли референс и собрали контент (музыку и клипы). Буквально за 30 минут Replit собрал нам приличный лендинг.
Публикация и Хостинг: Через прямую синхронизацию закинули код в GitHub.
и бесплатно развернули через GitHub Pages на домене antonripatti.com.
До этого момента процесс был техническим, поэтому заказчик в него не вмешивался.
Этап 2: Продакшн
Как только сайт ожил, посыпались правки:
Нужно оперативно менять даты концертов.
Мобильное меню не открывается.
Мелкие баги в верстке бесят.
Денег на полноценный техсаппорт у заказчика нет, а жене работать бесплатно некогда.
Что делать?
Этап 3: Клодкот ванлав
Мы подключили к репозиторию Claude Code (агент от Anthropic). Теперь Антону не придется править HTML .
Антон пишет простое задание текстом (например: «Поменяй дату концерта в Берлине на 2 апреля»).
Клод сам находит нужный кусок кода, переписывает его и создает запрос на изменения (Pull Request).
Остается только нажать пару кнопок в GitHub и правки уже на сайте.
Выше на скринах видно, как человек без навыков программирования пишет клоду задачки, а нейронка выполняет роль бесплатного и очень незумерского (вырвалось) разработчика.
Заходите на сайт.Пишите Антону новых косяков, он теперь любит кодить 🔥
Мол, напромптить себе сайт и дурак может, а ты попробуй его обнови, доработай и вообще как-то доведи до прода без продажи почки.
И на самом деле эти опасения верны. Были до последнего времени.
Сегодня я на примере связки (replit + claude code + gitub pages) хочу показать, как самому поддерживать захарардкоженый вайбсофт.
Этап 1: Сборка
Сначала мы нашли референс и собрали контент (музыку и клипы). Буквально за 30 минут Replit собрал нам приличный лендинг.
Публикация и Хостинг: Через прямую синхронизацию закинули код в GitHub.
и бесплатно развернули через GitHub Pages на домене antonripatti.com.
До этого момента процесс был техническим, поэтому заказчик в него не вмешивался.
Этап 2: Продакшн
Как только сайт ожил, посыпались правки:
Нужно оперативно менять даты концертов.
Мобильное меню не открывается.
Мелкие баги в верстке бесят.
Денег на полноценный техсаппорт у заказчика нет, а жене работать бесплатно некогда.
Что делать?
Этап 3: Клодкот ванлав
Мы подключили к репозиторию Claude Code (агент от Anthropic). Теперь Антону не придется править HTML .
Антон пишет простое задание текстом (например: «Поменяй дату концерта в Берлине на 2 апреля»).
Клод сам находит нужный кусок кода, переписывает его и создает запрос на изменения (Pull Request).
Остается только нажать пару кнопок в GitHub и правки уже на сайте.
Выше на скринах видно, как человек без навыков программирования пишет клоду задачки, а нейронка выполняет роль бесплатного и очень незумерского (вырвалось) разработчика.
Заходите на сайт.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5