Сіз әріптесіңізге жүйенің қалай жұмыс істейтінін түсіндіруге тырысып жатырсыз, архитектуралық диаграмманы сызып жатырсыз, бірақ сізге көбірек көрсеткілерді қосу керек және...

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