Skip to main content

Что такое Diagram Forge?

Diagram Forge анализирует любой GitHub-репозиторий с помощью Claude AI и генерирует интерактивную анимированную архитектурную диаграмму — с официальными логотипами технологий, анимированными потоками частиц, инспектором узлов и экспортом в SVG/PNG/Markdown. Оплата осуществляется через Lightning Network по протоколу L402 — без аккаунтов, банковских карт и подписок. Платите за каждый анализ отдельно.
Diagram Forge interactive viewer demo

Начало работы

Вариант 1 — Веб-приложение (быстрее всего)

  1. Перейдите на forge.l402kit.com
  2. Вставьте любой публичный GitHub URL (например, https://github.com/vercel/next.js)
  3. Выберите уровень: Basic (100 sats), Full (500 sats) или Live ✦ (1000 sats)
  4. Нажмите Analyze & Generate Diagram
  5. Оплатите Lightning-инвойс любым кошельком — или введите промокод для бесплатного доступа
  6. Интерактивная диаграмма откроется автоматически

Вариант 2 — Расширение для VS Code

Установите из Marketplace:
Или найдите “Diagram Forge” на панели расширений (Ctrl+Shift+X).
Diagram Forge VS Code extension — idle, confirming, analyzing, done
Использование:
  1. Откройте любой проект с удалённым репозиторием GitHub
  2. Нажмите на иконку Diagram Forge на панели активности (левая боковая панель)
  3. Нажмите Analyze Repo — URL GitHub определяется автоматически
  4. Выберите уровень + введите промокод (при наличии)
  5. Оплатите через Lightning или используйте промокод
  6. Диаграмма откроется в браузере

Вариант 3 — Подключение GitHub (веб-приложение)

Нажмите Connect GitHub в верхней навигации веб-приложения, чтобы авторизоваться и получить выпадающий список всех ваших репозиториев — без необходимости копировать и вставлять URL.

Уровни анализа

Цены в Lightning значительно ниже, чем при оплате картой, поскольку отсутствуют комиссии за обработку платежей.

Нет Lightning-кошелька?

Начните работу менее чем за 2 минуты:

Wallet of Satoshi

Простейший мобильный кошелёк — кастодиальный, мгновенная настройка

Phoenix

Мобильный, самокастодиальный, без KYC

Alby

Браузерное расширение — работает напрямую в VS Code
После установки купите небольшое количество Bitcoin (даже на $1 хватит на десятки анализов) и отсканируйте QR-код, когда Diagram Forge покажет инвойс.

Промокоды

Есть промокод? Введите его в поле «Promo code (optional)» перед нажатием кнопки Analyze — анализ будет выполнен бесплатно, кошелёк не нужен. Промокоды ограничены по времени и количеству использований. Проверяйте актуальные коды на forge.l402kit.com или следите за @ShinyDapps.

Что отображает диаграмма

Каждая диаграмма включает:
  • Узлы — сервисы, базы данных, очереди, API, модели ML, CDN, обнаруженные в вашем коде
  • Рёбра — связи между компонентами с метками протоколов (HTTP, SQL, gRPC, WebSocket, AMQP…)
  • Логотипы — официальные иконки Simple Icons для 80+ технологий
  • Анимированные потоки — частицы, движущиеся вдоль рёбер, окрашенные по типу протокола (жёлтый = Lightning, синий = HTTP, зелёный = SQL…)
Возможности интерактивного просмотрщика:
  • Перемещение и масштабирование (прокрутка для зума, перетаскивание для панорамирования)
  • Клик по узлу для просмотра его связей и описания
  • Миникарта для больших диаграмм
  • Поиск узлов по имени или типу
  • Экспорт: SVG, PNG, Markdown, Draw.io
  • Ссылка для совместного доступа: /g/:id — постоянный URL для каждой диаграммы

Импорт из изображения

Нет GitHub-репозитория? Загрузите фотографию доски, скриншот, файл Visio или PDF — Claude извлечёт архитектуру и создаст такую же интерактивную диаграмму. Поддерживаемые форматы: JPG, PNG, WEBP, GIF, PDF

Бенчмарк архитектуры

После генерации диаграммы нажмите Benchmark в просмотрщике, чтобы получить оценку качества по 6 параметрам:

Конфиденциальность

  • Ваш код временно клонируется на защищённом сервере, анализируется, затем немедленно удаляется
  • Только метаданные графа (метки узлов, связи рёбер — без исходного кода) сохраняются при использовании ссылок для совместного доступа
  • Аккаунт не требуется, данные не хранятся дольше, чем существует диаграмма

Как используется l402-kit

Diagram Forge построен на основе Managed Mode из l402-kit — простейшего способа принимать Lightning-платежи без запуска собственного узла:
Когда клиент вызывает POST /analyze без действительного preimage:
Клиент оплачивает инвойс и повторяет запрос с заголовком Authorization: L402 <macaroon>:<preimage>. Хотите создать что-то похожее? Ознакомьтесь с руководством по быстрому старту l402-kit.

Ссылки

Веб-приложение

Анализируйте любой публичный GitHub-репозиторий в браузере

Расширение для VS Code

Полноценная боковая панель внутри VS Code

Исходный код

Лицензия MIT — форкайте, расширяйте, стройте на его основе

Быстрый старт l402-kit

Создайте собственный сервис с L402-защитой за считанные минуты