Archify — скилл
Скилл рисует проверенные схемы архитектуры, процессов, последовательностей и потоков данных в один интерактивный HTML-файл
- 91 202 ★ репозитория
- Последний коммит
- Apache-2.0
Расширенный доступ
Почему такой уровень
- Запускает Node.js-скрипты и пишет файлы схем
- Может читать код репозитория и изредка обращаться к сети за манифестом версии
Установка
- Работает в
Ручная установка
npx skills add tt-a1i/archify -gГлобальная установка в найденные агенты.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Запускает Node.js-скрипты и пишет файлы схем
- Может читать код репозитория и изредка обращаться к сети за манифестом версии
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Агент описывает систему в типизированном JSON, а Node.js-рендерер Archify проверяет схему и собирает самодостаточный HTML с SVG. Поддерживаются пять типов: архитектура, workflow, sequence, data flow и жизненный цикл состояний, можно подать и Mermaid. Валидатор проверяет раскладку, маршруты стрелок и подписи и при ошибке возвращает машиночитаемую подсказку, что поправить. Готовый файл умеет искать узлы, трассировать пути, показывать сценарии, переключать темы и экспортировать PNG, SVG, WebM и карточку для соцсетей. Режим сравнения показывает разницу между двумя версиями архитектуры для ревью.
Для кого. Для разработчиков, архитекторов и техписателей, которым нужна аккуратная схема системы прямо из чата с агентом.
Подходит, если
- Нужно показать архитектуру репозитория новому участнику команды
- Нужна схема API-вызовов или пайплайна данных для документации
- Нужно наглядно сравнить архитектуру до и после изменения в PR
Не подходит, если
- Нужен свободный графический редактор с ручным перетаскиванием
- В среде агента нет Node.js
Пример запроса к агенту
Разбери этот репозиторий и нарисуй через archify схему архитектуры: 8-12 основных компонентов, главный путь запроса и внешние зависимостиОграничения
Для полного цикла с валидацией нужен Node.js. Скилл не редактирует схемы в WYSIWYG, не делает общий автолейаут и не хостит результаты. Раз в несколько дней скилл может запрашивать манифест версии для напоминания об обновлении, отключается переменной ARCHIFY_UPDATE_CHECK_DISABLED=1.
Как отключить. Удалите папку archify из каталога скиллов агента, например ~/.claude/skills/archify.
Частые вопросы
Нужен ли репозиторий?
Нет, схему можно построить по текстовому описанию системы. Репозиторий нужен, только если схема должна опираться на реальный код.
Можно ли попробовать без установки?
Да, README предлагает npx skills use tt-a1i/archify@archify --agent codex.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыГенератор архитектурных диаграмм
Architecture Diagram Generator
Скилл рисует архитектурную схему системы в виде одного HTML-файла с SVG, кнопками копирования и экспорта в PNG и PDF
Скилл рисует редакторские диаграммы как самостоятельные файлы HTML и SVG: архитектура, блок-схемы, ER, воронки и еще около сорока типов
Скилл рисует по короткой JSON-спецификации анимированные диаграммы 45 типов и сохраняет их в HTML, SVG, PNG, GIF и MP4
Скилл рисует анимированные схемы архитектуры и процессов в стиле рисунка от руки: темный неон и светлая бумага. README на китайском
Набор из 14 скиллов, которые учат агента строить диаграммы и визуализации прямо в Markdown: UML, облачные и сетевые схемы, графики, карты и карточки
Draw.io Skill
Draw.io Skill for Claude & Codex
Скиллы для диаграмм draw.io: архитектура, сети, блок-схемы, импорт из Terraform и кода, офлайн-генерация из YAML и экспорт в PNG и SVG
Из блога
Коротко о README
README показывает примеры сгенерированных схем, типы диаграмм и подсказки, что включать в запрос для каждого. Установка через npx skills add, отдельно команды для Cursor, Codex, OpenCode, ZIP для Claude.ai и Raven. Описан цикл generate, validate, preview, deliver и команды CLI archify.mjs: doctor, guide, validate, deliver, compare. Лицензия MIT.
Бейдж для README
Исходный SKILL.md
--- name: archify description: Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid. license: MIT metadata: version: "2.17" author: tt-a1i based_on: Cocoon-AI/architecture-diagram-generator (MIT, v1.0) --- # Archify Create a self-contained, interactive HTML diagram from a small typed JSON specification. Static output is the default; enable motion only when the user asks for a demo or presentation. ## Fast authoring path Use this bounded path for ordinary generation. Do not read the optional Viewer Runtime reference unless the user asks about those features. 1. Choose `architecture`, `workflow`, `sequence`, `dataflow`, or `lifecycle` from the question.