Его ник — «也无风雨也雾晴», настоящее имя — Ту Шаокунь. Он окончил колледж, два года служил в армии, а потом поступил на бакалавриат в Чунцинский университет почты и телекоммуникаций. Во время поиска работы его однажды не пропустили проверку биографии из-за образования. Тогда он решил доказывать свои навыки open source-проектами. Созданный им Archify превращает одну фразу в интерактивную архитектурную диаграмму.
Archify бесплатный, платить нужно за модель, которая работает за ним; для стабильного построения схем используйте claude-opus-5-5 через APIYI.
Кратко о руководстве:
- Цель: установить Archify в Claude Code, по одной фразе на китайском построить интерактивную архитектурную диаграмму процесса обработки веб-запроса, а затем изменить её с помощью ещё одной фразы.
- Примерное время: 20–30 минут, без учёта регистрации и пополнения счёта.
- Что понадобится: умение пользоваться Claude Code или Cursor, установленный Node.js (он нужен для
npx), браузер и аккаунт APIYI. - Сложность: начальный уровень. Писать код и вручную редактировать конфигурационные файлы не придётся.
Ту Шаокун и его Archify: главное
| Главное | Описание |
| Автор | Ту Шаокун, в сети — 也无风雨也雾晴; окончил профессиональный колледж, служил в армии, затем поступил в вуз по программе перевода |
| Что такое Archify | Бесплатный открытый Agent Skill под лицензией MIT |
| На что уходят деньги | На модель, которую использует агент при выполнении Skill |
| Рекомендуемая модель | claude-opus-5-5 на APIYI |
| Результат | Отдельный HTML-файл, который можно открыть и использовать в браузере |
Кто такой Ту Шаокун: от колледжа и армии до доказательства своих возможностей с помощью open source
Рассказ ниже основан главным образом на большом посте, который он опубликовал в X 2026-07-15. После выпускных экзаменов в 2018 году он поступил в профессиональный колледж на специальность «Компьютерные прикладные технологии». По его словам, первый год он провёл довольно бесцельно, а потом пошёл в армию и прослужил там два года. Когда только пришёл, он весил около 53 кг и не справлялся со многими упражнениями. Позже его перевели в подразделение связи. Он представлял свою часть на соревнованиях по связи уровня группы армий и занял первое место.
После демобилизации он вернулся учиться и поступил в вуз по программе перевода из колледжа. Из более чем 70 человек набрали только шестерых; он сдал экзамены лучше всех среди демобилизованных и поступил на программную инженерию в Чунцинский университет почты и телекоммуникаций. К моменту выпуска он был на три года старше ровесников. После чуть больше месяца занятий по онлайн-курсам фронтенд-разработки он отправился искать стажировку. Затем он прошёл оба раунда собеседований в ByteDance для команды Feishu, но на этапе проверки биографии его остановили из-за того, что он перевёлся в вуз из колледжа. На осеннем наборе в чунцинскую компанию Dongchedi он сам рассказал HR о своём образовании — после этого ему больше не ответили. Позже интервьюер первого раунда написал ему: «Извините». В тот вечер он вышел на пробежку и преодолел пять километров.
Он не списывал каждую неудачу на образование. Сам он писал, что не справился с заданием на четвёртом раунде собеседований в Yuanfudao и закономерно не прошёл дальше. Позже, стажируясь в университете Westlake в Ханчжоу, он снова услышал вопрос об образовании. Он ответил: «Скромное происхождение — не позор» — и на этот раз прошёл собеседование. На собеседовании в Manus ему сказали, что кандидатам с не самым сильным образованием можно заявить о себе с помощью работ или open-source-проектов. Тогда эта мысль уже была ему близка. Вот как он сам объяснял, зачем начал заниматься open source: «Поначалу у меня не было какой-то возвышенной цели — просто хотелось добавить в резюме что-нибудь, что могло бы доказать мои способности». Репозиторий Archify создан 2026-04-15.
В интервью QbitAI в сентябре 2026 года также рассказывалось, что в 16 лет он бросил школу, учился ремонту автомобилей и работал на заводе. Это версия из интервью — в собственном большом посте он об этом не писал. На Bilibili он также опубликовал видео «От бросившего школу и устроившегося на завод до первой строчки в GitHub Trending: ИИ изменил мою жизнь!». Оно вышло 2026-09-14: https://www.bilibili.com/video/BV1cGe56cEHo/. Мы сверили только название, дату публикации, автора и теги — видео целиком и по частям не смотрели. Упоминание «первой строчки в GitHub» в названии относится к скриншоту, который он выложил в X 2026-09-01: на нём Archify занимает первое место в недельном рейтинге GitHub Trending среди всех языков. Это скриншот на тот момент, а не подтверждение нынешнего рейтинга.
Ниже — страница просмотра этого видео. На ней указано 123 тысячи просмотров и больше 1700 отметок «Нравится». Для видео, которое он опубликовал сам, это уже немало.
Из его истории нам хочется выделить три момента:
- Образование уже не изменить. Вместо этого он создал работу, которой другие могут воспользоваться сразу, просто открыв её.
- Он не списывал все неудачи на образование. Не решил задачу — значит, признавал, что не решил её сам.
- Популярность не означает, что продуктом действительно пользуются. Для него важно, используют ли люди то, что он создал.
Что такое Archify?
Согласно официальному README на китайском языке, Archify — бесплатный open-source Agent Skill. Вы описываете AI-агенту идею, проблему или план, а он создаёт интерактивный HTML, по которому можно кликать и которым можно делиться. Готовый репозиторий с кодом для этого не нужен. Но если попросить агента изучить репозиторий, он сможет нарисовать архитектурную диаграмму, опираясь на исходный код: узлы можно пометить SRC и привязать к конкретному коммиту. Помимо диаграмм, есть ещё один тип результата — explainer: страница, которая сначала даёт вывод, а затем разбирает тему на несколько панелей с таблицами, шагами и другими материалами.
Есть и то, чего Archify намеренно не делает. Это не универсальный редактор диаграмм и не тема для Mermaid. Автоматический разбор Mermaid, универсальное автоматическое расположение элементов, сервис для хостинга и обмена диаграммами, а также WYSIWYG-редактор пока не входят в продукт. Archify не продаёт модели и не выдаёт API-ключи; в документации прямо сказано, что платные тарифы сторонних сервисов не имеют отношения к Archify. Текущая стабильная версия — v3.2.0. На значке установок на skills.sh указано 130K+ — это данные самого проекта, мы их не проверяли.
Команда проекта также подготовила рекламное изображение. В центре — карточка репозитория tt-a1i/archify, на ней указано первое место в недельном рейтинге GitHub Trending, а ниже — слоган «Одна фраза — и готова интерактивная архитектурная диаграмма». Место в рейтинге и количество звёзд на изображении указаны самой командой. Их можно считать рекламными данными на тот момент, но они не подтверждают, что проект занимает первое место сейчас.
Если объяснить простыми словами, работает это так: сначала агент создаёт JSON в заданном формате, затем проверяет его и только после успешной проверки выдаёт HTML. При внесении изменений он правит только нужные части, а не перерисовывает всё с нуля. Связи и пути на диаграмме берутся из заданных в ней отношений, поэтому интерактивность не придумывает топологию. Так что возможность кликать по диаграмме не означает, что система именно так работает в продакшене.
Как выбрать один из десяти типов диаграмм Archify
| Тип диаграммы | Для чего подходит | Пример |
|---|---|---|
| Architecture | Компоненты, сервисы, хранилища и границы системы | Из каких сервисов состоит наш сайт |
| Workflow | Процессы, согласования, вызовы инструментов | Как проходит путь от подачи заявки на возмещение до выплаты |
| Sequence | Порядок действий при одном вызове | Кто срабатывает первым при входе в систему: фронтенд, бэкенд или база данных |
| Data Flow | Движение данных | Как данные о заказе проходят путь от оформления до отчёта |
| Lifecycle | Состояния, повторные попытки, конечные состояния | Как задача проходит путь от очереди до успеха или ошибки |
| ERD | Таблицы и поля | Как связаны таблицы пользователей и заказов |
| Class | Классы и интерфейсы | Какие классы есть в модуле оплаты |
| Tree | Иерархия с одним родителем | Структура отделов компании |
| Timeline | Хронология | Ключевые этапы трёхмесячного проекта |
| Waterfall | Время выполнения одного запроса | На каком этапе тормозит API |
Последние пять типов добавили начиная с версии 3.1. Учтите: некоторые официальные примеры Timeline и Waterfall используют условные данные. Время на диаграмме можно считать реальным только тогда, когда данные взяты из логов или трассировки запросов.
Archify за 5 шагов
- Настройте модель для агента. В этой статье мы подключаем к Claude Code модель claude-opus-5-5 через APIYI.
- Установите Archify одной командой.
- Простыми словами опишите агенту, что нужно нарисовать.
- Откройте сгенерированный HTML в браузере.
- Продолжайте менять диаграмму в диалоге. Когда результат вас устроит, экспортируйте его в виде изображения или PDF.
Быстрый старт с Archify: подключаем claude-opus-5-5 и создаём первую интерактивную архитектурную диаграмму
Шаг 1. Подготовьте токен APIYI для Archify
Сначала разберёмся, на что расходуются токены. Сам репозиторий Archify не требует оплаты за модели. Токены расходует агент, который выполняет этот Skill: читает репозиторий, пишет JSON и исправляет ошибки после проверки. Поэтому вам понадобится баланс для модели, а не подписка на Archify.
Откройте консоль APIYI и создайте новый токен. В списке доступных моделей выберите claude-opus-5-5, а затем скопируйте токен. Если вы ещё не пополняли баланс и хотите сначала попробовать Opus, загляните в примечание о пробном доступе в разделе «Дополнительные материалы» в конце статьи.
После этого шага вы должны увидеть: в списке токенов появилась новая запись, среди доступных моделей есть claude-opus-5-5, а строка токена скопирована.
Шаг 2. Подключите токен к Claude Code по инструкции для magpie
Повторять пошаговую инструкцию по подключению ключа здесь не будем. Следуйте опубликованному руководству с иллюстрациями: Пошаговое руководство: подключаем всех агентов одним ключом с помощью открытого проекта magpie и единого шлюза API (на примере Claude Code, Codex, Pi и Hermes).
При настройке запомните два значения. Во-первых, адрес Anthropic-совместимого API для Claude Code — https://api.apiyi.com, в конце не нужно добавлять /v1. Во-вторых, укажите имя модели claude-opus-5-5 — без ошибок и опечаток, иначе появится ошибка model not found. Такие инструменты, как Codex, используют OpenAI-совместимый адрес https://api.apiyi.com/v1; в этой статье мы подробно их не рассматриваем. Если вы пользуетесь Cursor и его собственной подпиской, токен APIYI может вам не понадобиться. Для работы с Archify APIYI не обязателен.
Выполните инструкции из руководства, а затем возвращайтесь к установке Archify.
После этого шага вы должны увидеть: Claude Code нормально отвечает на сообщение «Привет» — без ошибок 401 и model not found.
Шаг 3. Установите Archify Skill
Откройте терминал и выполните одну официальную команду:
npx skills add tt-a1i/archify -g
Флаг -g означает глобальную установку: после неё Archify можно использовать из любого каталога проекта. Основные поддерживаемые агенты — Cursor, Claude Code, Codex CLI и OpenCode, но здесь мы рассматриваем только Claude Code. После установки закройте текущий сеанс Claude Code и откройте новый.
После этого шага вы должны увидеть: команда завершилась без ошибок красным цветом. В новом сеансе спросите: «Ты умеешь работать с Archify?» — Claude Code должен распознать этот Skill.
Шаг 4. Создайте диаграмму потока запросов сайта одной фразой
Отправьте Claude Code официальный пример без изменений:
С помощью Archify нарисуй схему обработки запросов на сайте: браузер обращается к API, API сначала проверяет Redis, а при промахе кэша запрашивает PostgreSQL и обновляет кэш.
Затем Claude Code сначала напишет JSON, проверит его и создаст HTML-файл. Если он просто выведет код в чате и не сохранит его в файл, попросите: «Сохрани HTML в текущий каталог». Найдите файл .html и откройте его двойным щелчком или перетащите в браузер.
После этого шага вы должны увидеть: в браузере откроется диаграмма с узлами «Браузер», API, Redis и PostgreSQL, соединёнными линиями. Нажмите на узел, чтобы увидеть связи с предшествующими и последующими компонентами.
Шаг 5. Измените архитектурную диаграмму в Archify одной фразой и экспортируйте её
Не нужно заново описывать всю диаграмму — просто продолжите запрос:
Добавь аутентификацию, выдели путь при промахе кэша и переключи диаграмму на светлую тему.
Archify изменит только нужные части, не перерисовывая всё с нуля. Затем можно выбрать один из четырёх стилей — в том числе светлую или тёмную тему — и экспортировать диаграмму в PNG, WebP или JPG, сохранить её как длинное изображение или распечатать в PDF. HTML-файл можно отправить коллеге: у него тоже останется возможность взаимодействовать с диаграммой. Если в ней есть ссылки на внешние сайты или карты, для их открытия понадобится интернет.
После этого шага вы должны увидеть: на той же диаграмме появились узлы, связанные с аутентификацией, путь при промахе кэша выделен, а тема стала светлой.
🎯 Технический совет: при первом запуске сначала используйте официальный пример выше, а уже потом переходите к описанию своей задачи. Так будет проще понять, в чём причина проблемы: в настройке окружения или в слишком сложном запросе.
Сколько стоят модели для Archify
Ниже приведены цены, которые мы получили из публичного API цен APIYI в день написания этой статьи. Для пересчёта использовали коэффициент: 1 означает 2 доллара за миллион токенов. Актуальные цены смотрите в консоли APIYI на странице с тарифами — итоговая стоимость может различаться для разных групп.
| Модель | Входные токены | Выходные токены | Чтение кэша | Запись в кэш | Когда использовать |
|---|---|---|---|---|---|
| claude-opus-5-5 | 4 доллара | 20 долларов | 0,20 доллара | 5 долларов | Сложные диаграммы, анализ репозитория, длинный HTML |
| claude-sonnet-5-5 | 2 доллара | 10 долларов | 0,10 доллара | 2,50 доллара | Небольшие схемы и простые правки |
Все цены указаны за миллион токенов. Также доступна модель claude-opus-5-5-thinking с тем же коэффициентом. Мы не проверяли на практике, сколько стоит создание одной диаграммы, поэтому не приводим эту цифру. Расход токенов за один запуск зависит от размера диаграммы, необходимости читать репозиторий и количества повторных попыток после ошибок проверки.
Когда можно обойтись без Opus 5.5
Официальная документация не требует использовать Claude Opus 5.5. Мы рекомендуем Opus, потому что Archify нужно создавать структурированный JSON и длинный HTML, а иногда ещё и читать весь репозиторий. Флагманская модель для программирования реже ошибается в формате. Но в двух случаях обычно хватит более дешёвой модели, например claude-sonnet-5-5:
- Нужно нарисовать небольшую схему из трёх-четырёх блоков с простыми связями, без анализа репозитория.
- JSON уже готов, и нужно только сменить стиль и ещё раз экспортировать диаграмму.
Когда диаграмма станет крупнее, понадобится анализ репозитория или проверки начнут регулярно завершаться с ошибками, переключитесь обратно на Opus. О том, как сочетать эти две модели, читайте в отдельной статье в разделе «Дополнительные материалы».
Устранение неполадок Archify
| Проблема | Частая причина | Что делать |
|---|---|---|
| После установки агент не распознаёт Archify | Вы всё ещё в старом сеансе; не указан флаг -g; Node.js установлен некорректно |
Перезапустите Claude Code; убедитесь, что установили Archify повторно с флагом -g; выполните в терминале node -v и проверьте, выводится ли версия |
| HTML не открывается или страница пустая | Код выведен в чате, но не сохранён; файл неполный; для внешних ссылок нужен интернет | Попросите агента сохранить HTML в файл; откройте файл непосредственно в браузере; проверьте подключение к интернету |
| Появилась ошибка проверки | Описание слишком сложное или связи противоречат друг другу | Archify подскажет, как найти и исправить проблему. Сосредоточьтесь на двух раундах исправлений; если не поможет, разделите задачу на две диаграммы или уточните описание |
| model not found | Неправильно указано имя модели; в конце адреса лишний /v1 |
Укажите модель claude-opus-5-5; удалите завершающий /v1 из Anthropic-совместимого адреса |
| Ошибка 401 или сообщение о недостаточном балансе | Токен скопирован с ошибкой, отключён или баланс исчерпан | Проверьте состояние токена и баланс в консоли APIYI; скопируйте токен заново и обновите его по инструкции для magpie |
Часто задаваемые вопросы об Archify
Вопрос 1. Archify платный?
Сам Archify бесплатный и распространяется с открытым исходным кодом по лицензии MIT. Оплачивать нужно токены модели, которой пользуется агент. Стоимость зависит от модели, настроенной в Claude Code.
Вопрос 2. Обязательно ли использовать Opus или APIYI?
Нет. Официальная документация не предписывает использовать конкретную модель. Мы рекомендуем claude-opus-5-5, но для небольших диаграмм подойдёт и Sonnet. Archify также не интегрирован с APIYI напрямую. Если вы пользуетесь подпиской Cursor, токен APIYI может вообще не понадобиться.
Вопрос 3. Можно ли пользоваться Archify без репозитория?
Да. Просто опишите задачу по-русски. Если у вас есть репозиторий, попросите агента сначала изучить его, а затем создать диаграмму с привязкой к исходному коду: на узлах появится отметка SRC. В этом случае токенов потребуется больше.
Вопрос 4. Можно ли взаимодействовать с HTML-диаграммой, если отправить её другому человеку?
Да. Это отдельный HTML-файл, в котором уже есть все функции взаимодействия. Интернет понадобится только для перехода по внешним ссылкам на сайты и карты.
Вопрос 5. Если по диаграмме можно кликать, значит ли это, что реальная система работает именно так?
Нет. Пути на диаграмме строятся на основе указанных вами связей — она не проверяет работу системы в production. Время выполнения на диаграммах Waterfall можно считать достоверным, только если данные взяты из логов или трассировки запросов.
Итоги: чему нас учит Archify — проект, которому нипочём ни ветер, ни дождь, ни туман
Ту Шаокунь не мог изменить своё образование, поэтому превратил свои навыки в инструмент, которым может воспользоваться любой желающий. Вот главное:
- Что такое Archify: бесплатный навык агента с открытым исходным кодом, который по одной фразе создаёт интерактивную HTML-инфографику.
- На что уходят деньги: на модель, которая работает за агентом. Покупать подписку Archify не нужно.
- Как подключить ключ: создайте токен в APIYI, выберите модель claude-opus-5-5 и подключите её к Claude Code по инструкции magpie. Не добавляйте
/v1в адрес. - Как установить: достаточно выполнить одну команду —
npx skills add tt-a1i/archify -g. - Как пользоваться: опишите словами, какую инфографику хотите, затем попросите внести изменения и экспортируйте результат в PNG или PDF.
- Как сэкономить: для небольших инфографик и повторного экспорта используйте Sonnet, а Opus подключайте для сложных задач.
Если хотите попробовать прямо сейчас, создайте токен в консоли APIYI на apiyi.com и сначала сгенерируйте первую инфографику по примеру из официальной документации.
Информация в статье взята из разных источников, и степень их надёжности тоже различается:
| Информация | Источник | Примечание |
|---|---|---|
| Возможности, версии, десять типов инфографики, более 130 тысяч установок | Официальный README | Данные, указанные авторами проекта |
| Первое место в недельном рейтинге | Скриншот, опубликованный автором в X 2026-09-01 | Скриншот на тот момент, а не текущий рейтинг |
| Учёба в колледже, служба в армии, поступление в вуз после колледжа, поиск работы | Большой пост автора в X от 2026-07-15 | Рассказ самого автора |
| Уход из школы в 16 лет, работа в автомастерской и на заводе | Интервью издания «Цяньцзянь» за сентябрь 2026 года | Материал, подготовленный редакцией |
| Цены на модели | Открытый API цен APIYI, проверенный в день написания статьи | Актуальную цену смотрите в консоли на странице тарифов |
Дополнительно: проверка обновлений и команды для работы с репозиторием (обычным читателям можно пропустить)
Archify не устанавливает новые версии автоматически. Чтобы получать уведомления об обновлениях, откройте страницу репозитория на GitHub и выберите Watch → Custom → Releases. В установленном навыке есть проверка обновлений, которая запускается нечасто. Если проверка не сработает, ошибки не будет: вы получите уведомление, но новая версия не загрузится автоматически. Навык обращается только к `archify.si/skill-updates/archify/stable.json` и не отправляет туда локальную версию, содержимое проекта, пользовательский ввод или ключи. Чтобы отключить проверку, задайте переменную окружения `ARCHIFY_UPDATE_CHECK_DISABLED=1`.
В репозитории есть и команды вроде `node bin/archify.mjs` — они в основном нужны участникам проекта для отладки. Обычным пользователям запускать их не нужно. Подробности смотрите в README репозитория.
Источники
- Официальный репозиторий Archify (README на китайском языке): описание возможностей, установки и ограничений
- Ссылка:
github.com/tt-a1i/archify - Примечание: на этот источник опираются сведения о возможностях и версиях
- Официальный сайт Archify: главная страница проекта
- Ссылка:
archify.si - Большой пост автора в X (2026-07-15): рассказ автора о своём пути
- Ссылка:
x.com/t20000622yy/status/2077425261856096720 - Видео автора на Bilibili: «От ухода из школы и работы на заводе до первого места в трендах GitHub: как ИИ изменил мою жизнь!», опубликовано самим автором
- Ссылка:
www.bilibili.com/video/BV1cGe56cEHo/ - Демонстрация проекта автором на Bilibili: «Проснулся — а мой проект с открытым исходным кодом на первом месте в мировом рейтинге GitHub Trending»
- Ссылка:
www.bilibili.com/video/BV16MhA6pEMb/ - Статья издания «Цяньцзянь» за сентябрь 2026 года: материал о проекте и его разработчике; в основном тексте процитировано одно предложение с указанием источника
- Открытый API цен APIYI: данные проверены в день написания статьи
- Ссылка:
api.apiyi.com/api/pricing
