Пост Пытаешься объяснить коллеге, как работает система, рисуешь архитектурную схему, но стоит добавить побольше стрелок, и уж…

Пытаешься объяснить коллеге, как работает система, рисуешь архитектурную схему, но стоит добавить побольше стрелок, и уже непонятно, куда запрос поступает сначала и куда направляется потом. SeeCode — это навык (skill) для Claude Code, Codex и Cursor, который позволяет создавать интерактивные анимированные диаграммы по описанию на естественном языке. Достаточно объяснить, что именно нужно показать, и инструмент сгенерирует диаграмму в виде отдельного HTML-файла. При наведении курсора можно подсветить определённую цепочку взаимодействий, по нажатию открыть подробности и пошагово проследить весь путь запроса. На диаграммах последовательностей сообщения появляются одно за другим, а столбчатые диаграммы постепенно вырастают по мере воспроизведения анимации. Инструмент поддерживает 45 типов визуализаций, включая архитектурные схемы, диаграммы последовательностей, диаграммы Ганта и диаграммы Санкея. Также можно создавать трёхмерные изображения объектов. Например, достаточно попросить «нарисуй офисное кресло», и инструмент представит его в разобранном виде, обозначив названия отдельных деталей. На странице предусмотрено меню экспорта, позволяющее сохранять результаты в форматах PNG, SVG, GIF и MP4. Готовые материалы удобно добавлять в документы, презентации или публиковать в социальных сетях. Мне особенно нравится, что возможности SeeCode не ограничиваются визуализацией программного кода. С его помощью можно наглядно представить график отпусков, распределение зарплаты по статьям расходов или переписку с арендодателем. При этом инструмент автоматически переносит длинные подписи на китайском языке на новую строку. https://github.com/Aryanutkarsh/SeeCode 📱 @git_developer