GitHub-радар

Опиши стек одной фразой — получи диаграмму архитектуры с логотипами

Это скилл для ИИ-агента (Claude Code, Codex): ты одной фразой описываешь стек своего проекта, а агент сам рисует схему с настоящими логотипами сервисов — без Figma и ручной расстановки иконок.

01caru-ini/stack-diagram 716TypeScript

Инструкция, которую ты подключаешь к ИИ-агенту. После этого агент умеет превращать описание стека в готовую диаграмму с логотипами сервисов.

Когда пригодится

Пригодится, когда нужно показать архитектуру проекта команде, клиенту или в документации. Если объяснять стек никому не нужно, скилл можно не ставить.

Плюсы

  • Логотипы настоящие, не перерисованные и не перекрашенные.
  • Линии связей никогда не перекрывают подписи — агент сам проверяет.
  • Результат — HTML, PNG, React-компонент или артефакт Claude, на выбор.
  • Работает без видеокарты, нужен только Python 3.9+ и интернет.

Минусы

  • Делает только диаграммы — не заменит архитектурные решения.
  • Нужен интернет для загрузки логотипов сервисов.

Как поставить — по шагам

  1. 1Открой своего ИИ-агента (Claude Code, Codex) в папке проекта.
  2. 2Отправь агенту текст из блока ниже.
  3. 3Дождись, когда агент установит скилл и подтянет логотипы сервисов.
  4. 4Опиши свой стек одной фразой, если агент не сделал это сам.
  5. 5Проверь готовую диаграмму — HTML, PNG или React-компонент.

Текст для агента

Текст для шага с агентом — скопируй и отправь (Claude Code, Codex, любой):

Поставь скилл stack-diagram из https://github.com/caru-ini/stack-diagram командой npx skills add caru-ini/stack-diagram (или загрузи его как скилл в приложении Claude) и попроси нарисовать архитектурную схему моего текущего проекта — опиши сервисы одним предложением.

Обычный ноутбук — видеокарта не нужна, только Python 3.9+ и интернет, чтобы скилл подтянул логотипы сервисов.

Открыть на GitHub