k-style-ui-ux — плагин
Плагин для Claude Code, Codex и Cursor за 15 минут собирает по PRD черновик мобильных экранов в стиле корейских приложений
- 400 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Агент создает HTML-файлы в рабочей папке и запускает Python-скрипты проверки и снятие скриншотов.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/k-style-ui-uxОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент создает HTML-файлы в рабочей папке и запускает Python-скрипты проверки и снятие скриншотов.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
k-style-ui-ux получает один документ с требованиями и выдает HTML-черновик мобильных экранов с картой переходов. Для каждого объекта, который пользователь создает или заказывает, плагин строит полный путь: начало, просмотр, правка и итоговый экран. Сначала он проверяет, что к главной функции легко добраться, а оформление идет потом. Цвета берутся из палитр, собранных по корейским сервисам вроде 29CM, Airbnb, Class101, Danggeun, Kurly и Musinsa. В готовом результате три палитры переключаются одним щелчком. Отступы, размеры шрифта и иконки Fluent Emoji заданы заранее. Перед сдачей скрипты `selfcheck.py` и `audit.py` проверяют токены и компоненты, пропущенные экраны и переносы корейского текста. Скриншоты агент разбирает по чек-листу и исправляет проблемы уровней P0 и P1. Команда `max` вторым проходом добавляет экраны ошибок, подтверждений и пустых состояний.
Для кого. Основателям и разработчикам, которые собирают первую версию приложения без дизайнера и хотят увидеть экраны до заказа дизайна.
Подходит, если
- Есть PRD нового сервиса бронирования, и до найма дизайнера хочется увидеть весь путь пользователя на экранах.
- Внутренний инструмент нужно спроектировать самому, и не хватает опыта в интерфейсах.
- Дизайнеру нужен быстрый первый вариант, который потом останется только довести.
- Приложение делается для корейской аудитории, и экраны должны выглядеть привычно для местных пользователей.
Не подходит, если
- Нужен готовый к выпуску дизайн с выверенными текстами и деталями.
- Требуется вид, привычный западным или российским пользователям, а палитры собраны по корейским сервисам.
- Нужен макет в Figma, а плагин выдает HTML.
Пример запроса к агенту
/k-style-ui-ux:go prd/pilates-booking.mdОграничения
Плагин делает черновик: детали, вкус и тексты остаются за человеком, авторы прямо говорят, что готовый продукт он не заменяет. Документация и подсказки написаны на корейском, проверки переносов настроены на корейский текст. Первый проход занимает около 15 минут, второй еще около 10, на сложных PRD время доходило до 23 минут. Результат сохраняется в `out/index.html` той папки, откуда запущен агент, и открывается в обычном браузере.
Как отключить. В Claude Code удалите плагин `k-style-ui-ux@k-style-ui-ux` через менеджер плагинов, в Codex и Cursor уберите его в их настройках плагинов.
Частые вопросы
Как поставить k-style-ui-ux в Claude Code?
Выполните `/plugin marketplace add vmc-inner-circle/k-style-ui-ux` и `/plugin install k-style-ui-ux@k-style-ui-ux`. Для локальной пробы подойдет `claude --plugin-dir` с путем к папке плагина.
Как вызвать плагин в Codex и Cursor?
В Codex командами `$k-style-ui-ux:go` и `$k-style-ui-ux:max`. В Cursor наберите в чате косую черту и выберите go или max.
Где смотреть результат?
Откройте `out/index.html` в браузере. На холсте видны экраны по сценариям, стрелки переходов и правила для каждого экрана.
Обязательно ли оформлять PRD по шаблону?
Нет. Можно вставить текст требований и попросить сделать экраны. Примеры PRD для поездки, свадебной встречи и записи на пилатес лежат в папке `prd/`.
Что делает второй проход?
Команда `max` дорисовывает состояния, которые пропускает первый черновик: ошибки, окна подтверждения и пустые экраны. Он занимает около 10 минут.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса
Скилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта
Скилл для дизайна интерфейсов: три разных направления рядом, выбор одного и доводка по настоящим скриншотам в Claude Code, Codex и других агентах
MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
MCP-сервер и плагин для сборки интерфейса с агентом: курируемые дизайн-системы, промпты для UI и варианты верстки
Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100
Коротко о README
README на корейском объясняет, кому подходит плагин и чем он отличается, показывает три примера PRD с временем генерации и скриншоты холста. Ниже установка для трех агентов, команды и порядок отправки отзывов.