🗺️ Полезный скилл для понимания кода
У Steve Sewell из Builder.io вышел видос про /visual-plan — скилл, который делает визуальные планы по проекту.
🔧 Вот ссылка на сам скилл. Его можно закинуть в кодинг-агента и установить буквально одной командой:
npx @agent-native/skills@latest add --skill visual-plan
И это, внезапно, не просто очередная “сделай красивую диаграмму” фигня.
Когда подключаешься к новому проекту или просишь агента что-то поменять, обычно есть два режима:
• слепо довериться, что он все понял правильно
• самому сначала разобраться, как вообще работает код
🫠 Первый режим быстрый, но потом можно долго выковыривать нейрослоп из проекта. Второй не рассматриваем уже как несколько лет.
/visual-plan как раз хорошо закрывает эту дырку. Агент смотрит на реальные файлы, схемы, API, UI-флоу и делает не простыню текста в чате, а нормальный визуальный репорт: архитектуру, file map, wireframes, user flows, открытые вопросы, аннотации к коду.
По сути, это нормальный человеческий интерфейс к плану агента. Не “верь мне, брат”, а “вот как я понял проект, вот что хочу поменять, вот где могут быть вопросы”.
🧠 Я обычно просил агентов рисовать user stories, схемы, планы, карты проекта и прочую визуализацию. Когда видишь систему глазами, а не читаешь 40 абзацев markdown, гораздо быстрее понимаешь, где агент может ступить.
Короче, рекомендую. Особенно для не новых кодовых баз, больших фич, UI-флоу и всего, где ошибка в понимании потом превращается в час чистки своего экрана от нейроговна 🙃