uxed — плагин
Скилл building-ui открывает редактируемый макет интерфейса: правки идут прямо в нем, затем агент реализует его через TDD.
- 82 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Скилл меняет код и тесты проекта, а режим приложения временно подключает скрипт на адресе работающего приложения.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/uxedОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл меняет код и тесты проекта, а режим приложения временно подключает скрипт на адресе работающего приложения.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
uxed — набор скиллов, которые заменяют переписку с агентом более точным способом согласования. Сейчас в нем один скилл, `building-ui`: он запускается командой `/building-ui` или просьбой нарисовать компонент либо изменить интерфейс. В режиме макета агент по описанию и наброску открывает интерактивный макет в стиле проекта. Вы выбираете элементы, пишете правила поведения, комментируете, правите текст и оформление, затем просите агента применить правки. Утвержденный макет агент реализует по TDD. В режиме приложения скилл подключает оболочку к запущенному приложению скриптом на его адресе, и вы так же выбираете, комментируете и переименовываете элементы. Изменения агент записывает в код и тесты, а скрипт убирает по окончании работы.
Для кого. Фронтенд-разработчикам и дизайнерам, которые вместо долгих уточнений в чате правят интерфейс прямо на макете или в запущенном приложении.
Подходит, если
- Новый компонент делают по спецификации и трем наброскам, и нужен макет перед кодом.
- У существующего компонента меняют текст, оформление и правила поведения.
- В запущенном приложении выбирают элемент и просят описать его или переименовать.
- Утвержденный макет превращают в код с тестами по TDD.
Не подходит, если
- Интерфейс не веб: макет открывается в оболочке в браузере.
- Нужна готовая дизайн-система или экспорт в Figma: скилл правит код проекта.
- Запуск сторонних скриптов на адресе приложения недопустим по политике команды.
Пример запроса к агенту
/building-ui Сделай макет компонента поиска по стратегиям по этой спецификации и трем наброскам, а потом реализуй его по TDD.Ограничения
Режим приложения подключает оболочку тегом `script` на адресе вашего приложения и убирает его после работы, поэтому запускать его стоит только на локальном сервере разработки. Скилл работает с кодом и тестами проекта, так что реализация по TDD требует рабочего набора тестов и понятной команды их запуска. Пример `examples/mock-palette` показывает только макет и заметки к нему. Для Codex Plugin ставят отдельными командами, для остальных агентов подходит `npx skills add`.
Как отключить. Удалите плагин через менеджер плагинов агента или папку `building-ui` из каталога скиллов. Если режим приложения остался включенным, уберите тег `script` из страницы приложения.
Частые вопросы
Как поставить uxed?
Выполните `npx skills add MK27MK/uxed` для любого агента. В Claude Code работает `/plugin marketplace add MK27MK/uxed` и `/plugin install uxed@uxed`.
Как поставить в Codex?
Выполните `codex plugin marketplace add MK27MK/uxed`, затем `codex plugin add uxed@uxed`.
Чем режим макета отличается от режима приложения?
Макет делают с нуля по спецификации и наброску. Режим приложения правит элементы запущенного приложения, а изменения записываются в код и тесты.
Что делать после утверждения макета?
Попросите агента его реализовать: скилл ведет реализацию по TDD.
Есть ли пример?
Да, `examples/mock-palette` показывает компонент поиска по стратегиям, собранный из трех набросков и спецификации.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкилл рисует макеты интерфейсов и лендингов и переносит их в HTML, в проект на React или в мини-приложение WeChat
Скилл и CLI для интерфейсов: создание, редизайн и проверка с учетом аудитории, контента и фирменного стиля продукта
Скилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.
Скилл запрещает агенту типовой интерфейс с плавающими карточками, градиентами и стеклом и задает обычные размеры, радиусы и тени как у Linear
Детали, от которых интерфейс приятнее
make-interfaces-feel-better
Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия
Скилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта
Коротко о README
Короткий README: установка для любого агента, Claude Code и Codex, список скиллов и пример. Подробности лежат в README скилла `building-ui`, там описаны режимы макета и приложения.