ak-render — плагин
Компилятор страниц: агент пишет короткую YAML-спецификацию, а компилятор собирает из нее автономный HTML-файл без сети.
- 53 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Компилятор работает локально и без сети, а в готовую страницу нельзя встроить скрипт.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/ak-renderОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Компилятор работает локально и без сети, а в готовую страницу нельзя встроить скрипт.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
ak-render принимает от агента короткий Page Spec в YAML или JSON и компилирует его в один детерминированный интерактивный HTML-файл. Агент описывает смысл и состав страницы, а компилятор отвечает за разметку, стили, интерактивность, доступность, адаптивность, темы, шрифты и политику безопасности. Токены уходят на содержание, а не на верстку. Файл открывается с диска и не делает сетевых запросов, шрифты встроены. В спецификацию нельзя вставить сырой HTML, CSS или JavaScript, поэтому страница не выходит за дизайн-систему. Команды `validate`, `describe`, `recipes` и `compose` проверяют спецификацию, показывают контракт блоков и дают готовые шаблоны: дашборд, отчет, архитектурный обзор, разбор инцидента, план внедрения. Для Claude Code и Codex есть плагин, который регистрирует MCP-сервер.
Для кого. Разработчикам и аналитикам, которым агент должен выдавать аккуратные страницы-отчеты, планы и дашборды одним файлом.
Подходит, если
- Агент оформляет план миграции как страницу с шагами и блоком отката.
- Отчет с графиками и таблицами рассылают одним HTML-файлом, открывающимся без интернета.
- Разбор инцидента собирают из готового рецепта, подставив свои данные.
- Результат нужно воспроизвести побайтно из той же спецификации.
Не подходит, если
- Нужен произвольный HTML, CSS или JavaScript на странице.
- Страница должна обращаться к внешним API или подгружать данные из сети.
- Node.js 20.11 установить нельзя.
Пример запроса к агенту
Собери из plan.yaml страницу плана миграции и проверь спецификацию командой validate до компиляции.Ограничения
Нужен Node.js не ниже 20.11. Спецификация не содержит произвольного кода, поэтому нестандартную верстку и скрипты на страницу не добавить. Плагин Claude работает в сеансах Claude Code на вашем компьютере, в чате claude.ai для него предусмотрен удаленный MCP-сервер. Компилятор выпускает один и тот же файл для одной версии и одной спецификации, после обновления версии вывод может измениться. Готовые страницы стоит открыть и просмотреть глазами до рассылки.
Как отключить. Удалите плагин командами плагинов Claude Code или Codex и пакет, если ставили его глобально через npm.
Частые вопросы
Как собрать страницу?
Напишите `plan.yaml`, проверьте командой `npx -y @bestagentkits/render validate plan.yaml` и скомпилируйте `npx -y @bestagentkits/render plan.yaml --out plan.html`.
Как поставить плагин в Claude Code?
Командами `claude plugin marketplace add bestagentkits/ak-render` и `claude plugin install ak-render@ak-render`. Плагин регистрирует и MCP-сервер.
Что такое рецепты?
Готовые стартовые спецификации для типовых страниц. Список дает `ak-render recipes`, а шаблон дашборда выводит `ak-render recipe dashboard > page.yaml`.
Как узнать, какие блоки есть?
Командой `ak-render search-catalog` с ключевыми словами и `ak-render describe` для контракта конкретного блока.
Нужны ли аккаунт и ключ API?
Нет. Работа идет локально, без аккаунта, сервера и ключа API.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныCLI создает холст, где ИИ-агент строит дашборды, отчеты и макеты как React-артефакты, а правки привязаны к блокам страницы
Скилл и CLI: единый HTML-файл без зависимостей, с токенами shadcn, семью макетами, графиками на SVG и самопроверкой агента
Сканер доступности для агентов и CI: рендерит страницу в Chromium с axe-core или линтит исходники React, Vue и Angular.
Локальный визуальный редактор готовой HTML-страницы: правка мышью, предпросмотр скриптов, сохранение в тот же файл.
Панель разметки для React-страниц: клик по элементу дает агенту селектор и контекст, скиллы настраивают подключение и сами ведут критику интерфейса
Дизайн-студия для людей и агентов: CLI dsa, MCP по адресу /mcp и скилл правят сайты, слайды, отчеты и 3D в одном документе.
Коротко о README
Проект описывает компилятор страниц, язык блоков, иконки, наборы данных и состояние, рецепты и режим `compose`. Отдельные разделы объясняют установку плагина и режимы MCP.