☕️ Вайбкодинг как он есть

Вчера за 30 мин (прям буквально за 30 мин) сделал себе тулу, о которой давно мечтал.

Мне часто для работы надо смотреть что приходит с бэкенда, иногда то что приходит надо использовать для анализа либо для обработки (в Excel) и использования в другом месте.

Решил, что пора — волна вайбкодинга в самом апогее. Результат нашей переписки с агентом (Claude Code) на скринах выше. С чистого листа, до установленного расширения в браузере прошло 30 мин.
Агенту я лишь описал образ результата. Дальше он сам:
— Поискал в интернете как делать экстеншены
— Создал детальный план
— Скачал нужные библиотеки
— Установил нужный софт
— Сделал нужные настройки в IDE
— ... перечислять можно бесконечно, по факту - имея доступ к CLI агент может делать ВСЁ на вашем компе и взаимодействовать с любыми ресурсами, у которых есть такая возможность
— Результат опубликовал на Github

Размышления:
Для вайбкодинга хорошо бы знать терминологию и процессы разработки, фреймворки, библиотеки и прочее. Чтобы не просто "эй, сделай красиво", а прям с конретным описанием того, как это должно выглядеть и что должно быть под капотом

(для этого этот канал и есть😉)

Что на выходе
API Data Grabber — расширение для браузера которое перехватывает все API-запросы, которые делает сайт, и позволяет:
— увидеть их список
— открыть JSON-ответ любого запроса (ну это итак можно было)
— автоматически найти в ответе массивы данных (списки пользователей, заказов, товаров — что угодно)
— посмотреть их в табличном виде с сортировкой, поиском и пагинацией 🔥
— Скачать в Excel или CSV 🔥🔥

👥 Кому полезно:
Продактам — быстро выгрузить данные из админки, когда нет готового отчёта
Аналитикам — получить сырые данные из любого внутреннего инструмента без запросов к бэкенду
QA — проверить что реально приходит в ответе API
Всем, кто хоть раз думал "мне бы эту таблицу в Excel скинуть"

📖 Как установить
— Скачать репозиторий: нажать зелёную кнопку Code → Download ZIP
— Распаковать ZIP-архив в любую папку
— Открыть в Chrome: chrome://extensions
— Включить Developer mode (переключатель справа вверху)
— Нажать Load unpacked и выбрать распакованную папку (ту, в которой лежит manifest.json)
— Готово — расширение установлено

https://github.com/Working-in-IT/api-data-grabber

#ai #vibecoding

☕️ 8 основных архитектурных концепций

Балансировка нагрузки, шардирование, кэширование… Эти слова звучат на созвонах, мелькают в тикетах и документации. Если вы работаете в ИТ, но не пишете код — скорее всего, вы примерно представляете, что за ними стоит. Примерно — ключевое слово.

На карточках собрано 8 базовых концепций (👀 см. карточки ↑), которые помогут:
— говорить с коллегами на одном языке.
— вайбкодить — собрать работающий прототип действительно можно за вечер. Но создать приложение — это полдела. Нужно чтобы оно не падало под нагрузкой, быстро отвечало пользователям из разных регионов, корректно работало при сбоях и масштабировалось, когда пользователей станет больше.

#systemdesign #knowledge #guide

☕️ Agentic engineering с Qwen Code

Вайбкодинг в прошлом, теперь правльно - agentic engineering.

На самом деле нет 😉. "вайбкодинг" — это когда ты описываешь задачу в общих чертах, LLM генерирует код, ты принимаешь не особо вникая.
"Agentic engineering" — это когда AI-агент сам планирует, выполняет шаги, использует инструменты, проверяет результат. Agentic engineering — это эволюция, а не замена.

Агентные инструменты стали достаточно хороши, чтобы делать больше, чем просто генерировать сниппеты. Про один из таких инструментов сегодня и поговорим.

Qwen Code — это бесплатный open-source аналог Claude Code от Alibaba. 1 000 запросов в день, работа в терминале, поддержка Skills, SubAgents, MCP и Plan Mode.

В карточках разобрал архитектуру Qwen Code через призму «что для чего», провёл маппинг на Claude Code и показал, как организовать контекст, чтобы агент не тупил.

Полезно и вайбкодерам, и тем, кто просто хочет понимать, как устроены AI-агенты сегодня.

Важно - CLI-агенты (Claude Code, Gemini CLI, Qwen Code) устроены по одной и той же логике.
Понимаешь как устроен один — понимаешь всех.

Посмотрите также классное обзорное видео. Чуть позже сделаю из него серию постов

#ai #vibecoding