Repolode
Предложить
ahmedkhaleel2004

ahmedkhaleel2004/gitdiagram

Превращает любой репозиторий GitHub в интерактивную архитектурную диаграмму или минутный видеообзор с озвучкой; для AI-агентов доступен MCP-сервер.

Открыть на GitHubСайт
Звёзды
18,334
Форки
1,516
Открытые issues
52
Последний коммит
9 часов назад

Что это?

GitDiagram создаёт архитектурную диаграмму репозитория GitHub с помощью AI. Чтобы открыть любой репозиторий, замените «hub» на «diagram» в его URL. На диаграмме компоненты связаны с соответствующими файлами и каталогами. Поддерживаются приватные репозитории — для доступа нужен GitHub-токен. Диаграммы можно экспортировать в PNG или скопировать как исходный код Mermaid.

Проект также создаёт озвученные видеообзоры длительностью около минуты: в них рассказывается, для чего нужен проект и как связаны его основные части. Видео можно скачать в формате MP4, в горизонтальной или вертикальной ориентации. Создание новых видео пока доступно в раннем доступе, а уже готовые может смотреть любой желающий.

AI-агенты могут без ключа подключаться к удалённому MCP-серверу по адресу gitdiagram.com/mcp, чтобы изучать архитектуру, компоненты и связи в публичных репозиториях, а также получать исходный код Mermaid. Приложение построено на Next.js, React, TypeScript и Mermaid. Его можно запускать локально с помощью Bun.

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

  • 01Создаёт интерактивные архитектурные диаграммы публичных и приватных репозиториев GitHub
  • 02Связывает компоненты диаграммы с исходными файлами и каталогами
  • 03Создаёт минутные видеообзоры с озвучкой и субтитрами
  • 04Экспортирует диаграммы в PNG и позволяет копировать исходный код Mermaid
  • 05Предоставляет удалённый MCP-сервер для AI-агентов без аутентификации

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

  • Быстро освоиться в незнакомой кодовой базе
  • Поделиться с командой обзором проекта на высоком уровне
  • Дать AI-агенту для написания кода изучить структуру репозитория
  • Кратко объяснить устройство проекта в видео

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

  1. 1

    Клонируйте репозиторий

    git clone https://github.com/ahmedkhaleel2004/gitdiagram.git
  2. 2

    Установите зависимости с помощью Bun

    bun install
  3. 3

    Скопируйте пример файла окружения и укажите необходимые ключи из руководства по настройке

  4. 4

    Запустите сервер разработки и откройте localhost:3000

    bun run dev

Что важно знать

  • Для локального запуска необходимы Cloudflare R2, Upstash Redis и API-ключ OpenAI или OpenRouter.
  • Создание новых поясняющих видео доступно в раннем доступе, а функции видео по умолчанию отключены.

Темы

#architecture-diagram#code-visualization#mermaid#llm#developer-tools#mcp#ai#code#codebase-visualization#diagram-generator

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

Что такое gitdiagram?
Превращает любой репозиторий GitHub в интерактивную архитектурную диаграмму или минутный видеообзор с озвучкой; для AI-агентов доступен MCP-сервер. GitDiagram создаёт архитектурную диаграмму репозитория GitHub с помощью AI. Чтобы открыть любой репозиторий, замените «hub» на «diagram» в его URL. На диаграмме компоненты связаны с соответствующими файлами и каталогами. Поддерживаются приватные репозитории — для доступа нужен GitHub-токен. Диаграммы можно экспортировать в PNG или скопировать как исходный код Mermaid.
gitdiagram можно использовать бесплатно? Какая у него лицензия?
gitdiagram распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
gitdiagram всё ещё поддерживается?
Активно поддерживается. Последний коммит в gitdiagram — 20 окт. 2026 г..
Для чего можно использовать gitdiagram?
Быстро освоиться в незнакомой кодовой базе Поделиться с командой обзором проекта на высоком уровне Дать AI-агенту для написания кода изучить структуру репозитория Кратко объяснить устройство проекта в видео
Как установить gitdiagram?
Клонируйте репозиторий: git clone https://github.com/ahmedkhaleel2004/gitdiagram.git Установите зависимости с помощью Bun: bun install Скопируйте пример файла окружения и укажите необходимые ключи из руководства по настройке Запустите сервер разработки и откройте localhost:3000: bun run dev
Где скачать gitdiagram?
Исходный код и инструкции по установке — на GitHub: https://github.com/ahmedkhaleel2004/gitdiagram

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты