ZUI 3 — скилл
ZUI 3, библиотека веб-компонентов без привязки к фреймворку, подключает агенту два скилла: внедрение и быструю сборку страниц.
- 2 765 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл zui правит файлы фронтенд-проекта локально, без доступа к секретам или внешним сервисам.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/zui-3Определит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл zui правит файлы фронтенд-проекта локально, без доступа к секретам или внешним сервисам.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
ZUI 3 — библиотека веб-компонентов с CSS-утилитами, CSS-компонентами и JS-компонентами, которая работает и в чистом вебе, и внутри любого фреймворка через UMD или ESM. Для агентов библиотека публикует два скилла в папке `skills/`: `zui` распознает версию ZUI в существующем проекте, безопасно устанавливает, интегрирует, рефакторит и диагностирует ZUI 3. Второй скилл, `zui-build`, собирает отдельную страницу или небольшой статический сайт на ZUI прямо из описания задачи, без установки зависимостей и сборщика. Скиллы ставятся как плагин Codex через собственный marketplace репозитория, либо подключаются способом загрузки скиллов конкретного агента.
Для кого. Фронтенд-разработчикам, которые внедряют ZUI в существующий проект или собирают независимую статическую страницу без билда.
Подходит, если
- В проекте уже используется ZUI, и агенту нужно самому распознать версию и способ подключения перед правкой.
- Нужна независимая HTML-страница на компонентах ZUI без установки зависимостей и сборщика.
- Темизация и темный режим настраиваются через CSS-переменные, и агент должен подобрать нужные.
- Требуется диагностика или рефакторинг существующей интеграции ZUI в проекте.
Не подходит, если
- Проект уже построен на компонентной системе другого фреймворка (например, Material UI), и смена библиотеки не планируется.
- Нужен готовый дизайн-макет, а не набор компонентов для сборки интерфейса самостоятельно.
- Документация и примеры скиллов пока в основном на китайском языке.
Пример запроса к агенту
Используй $zui, проверь текущий проект и подключи ZUI 3 под существующий стек.Ограничения
Библиотека не привязана к конкретному фреймворку, но каждый функциональный блок распространяется отдельным workspace-пакетом, который можно собрать в нужной комбинации. Для подключения скилла через Codex нужны отдельные команды `plugin marketplace add` и `plugin add` с перезапуском Codex в новой сессии. Документация скиллов в репозитории на китайском, английская версия README переводит только общее описание библиотеки, а не инструкции по скиллам.
Как отключить. Удалите плагин командой, обратной установке, в Codex, либо уберите подключенные файлы скиллов из каталога скиллов агента.
Частые вопросы
Как установить скилл в Codex?
Выполните `codex plugin marketplace add easysoft/zui`, затем `codex plugin add zui@zui`, перезапустите Codex и начните новую сессию.
Чем zui и zui-build отличаются?
`zui` распознает версию и способ подключения ZUI в существующем проекте и безопасно вносит правки; `zui-build` собирает отдельную страницу или сайт на ZUI с нуля по описанию задачи.
Нужен ли билд-инструмент для zui-build?
Нет, скилл собирает независимую страницу без установки зависимостей и без сборщика.
Как подключить ZUI без Codex?
Подключите папку `skills/` способом загрузки локальных скиллов своего агента, установка через плагин-команды специфична для Codex.
Можно ли настроить темную тему?
Да, темизация и темный режим управляются через CSS-переменные библиотеки, скилл `zui` подбирает нужные под существующий проект.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл подбирает и ставит анимированные React-компоненты beUI через публичный MCP или реестр shadcn вместо самодельных виджетов
Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Скилл Nuxt UI v4: агент строит интерфейсы на Vue и Nuxt, подбирает компоненты, настраивает тему и верстает формы и дашборды
Дизайн-система в виде промптов для Codex, Cursor и Claude Code: каталоги стилей, раскладки, блоки и свои правила интерфейса.
Скилл building-ui открывает редактируемый макет интерфейса: правки идут прямо в нем, затем агент реализует его через TDD.
Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100
Коротко о README
Библиотека делит функциональность на отдельные workspace-пакеты и позиционирует себя как framework-agnostic слой компонентов, который можно подключить через CDN, ES Module или собственную сборку.