Aryanutkarsh/SeeCode

Что это?

Ключевые возможности

• 01Создаёт 45 типов диаграмм по короткой JSON-спецификации, включая архитектурные диаграммы, диаграммы последовательностей, ER-диаграммы и графики.
• 02Создаёт отдельный HTML-файл с подсветкой при наведении, переходом к элементу по щелчку и воспроизведением маршрута.
• 03Экспортирует диаграмму в SVG, PNG, JPEG, GIF и MP4 — из интерфейса или через командную строку.
• 04Перерисовывает существующие файлы Mermaid, Graphviz, PlantUML, D2, draw.io и других форматов в собственном стиле.
• 05Поддерживает светлые и тёмные темы, а также темы, созданные на основе фирменного стиля сайта или CSS-токенов.

Сценарии использования

• Попросить coding-агента объяснить команде архитектуру системы или поток обработки запроса.
• Превратить диаграммы Mermaid или draw.io из документа с описанием проекта в единые по стилю визуальные материалы, готовые для презентации.
• Подготовить анимированные GIF или MP4 с диаграммой для докладов и публикаций в соцсетях.
• Создавать диаграммы в фирменном стиле компании для слайдов или документации.

Быстрый старт

1. 1

   Добавьте маркетплейс SeeCode в Claude Code

   /plugin marketplace add Aryanutkarsh/seecode
2. 2

   Установите плагин SeeCode в Claude Code

   /plugin install seecode@seecode
3. 3

   Для Cursor, Codex, OpenCode и других хостов Agent Skills установите с помощью npx

   npx skills add Aryanutkarsh/seecode -g
4. 4

   Попросите агента простыми словами описать нужную вам диаграмму

Темы

Частые вопросы

Что такое SeeCode?

Навык для Claude и coding-агентов, который превращает короткую JSON-спецификацию в анимированные интерактивные диаграммы с экспортом в SVG, PNG, GIF или MP4. SeeCode создаёт диаграммы по короткой JSON-спецификации, подготовленной coding-агентом. Каждый результат — это отдельный автономный HTML-файл с подсветкой при наведении, панелями, открывающимися по щелчку, воспроизведением маршрута и пошаговой презентацией. Диаграмму также можно экспортировать в SVG, PNG, JPEG, GIF или MP4. Проект поддерживает 45 типов диаграмм, включая архитектурные диаграммы, диаграммы последовательностей и ER-диаграммы, блок-схемы, диаграммы Ганта и графики: столбчатые, линейные, Sankey и treemap.

SeeCode можно использовать бесплатно? Какая у него лицензия?

SeeCode распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

SeeCode всё ещё поддерживается?

Активно поддерживается. Последний коммит в SeeCode — 17 окт. 2026 г..

Для чего можно использовать SeeCode?

Попросить coding-агента объяснить команде архитектуру системы или поток обработки запроса. Превратить диаграммы Mermaid или draw.io из документа с описанием проекта в единые по стилю визуальные материалы, готовые для презентации. Подготовить анимированные GIF или MP4 с диаграммой для докладов и публикаций в соцсетях. Создавать диаграммы в фирменном стиле компании для слайдов или документации.

Как установить SeeCode?

Добавьте маркетплейс SeeCode в Claude Code: /plugin marketplace add Aryanutkarsh/seecode Установите плагин SeeCode в Claude Code: /plugin install seecode@seecode Для Cursor, Codex, OpenCode и других хостов Agent Skills установите с помощью npx: npx skills add Aryanutkarsh/seecode -g Попросите агента простыми словами описать нужную вам диаграмму

Где скачать SeeCode?

Исходный код и инструкции по установке — на GitHub: https://github.com/Aryanutkarsh/SeeCode