Design Workflow Skills
Четыре скилла для Codex на каждый этап дизайна продукта: от разбора экрана до сравнения визуальных направлений.
- 250 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скиллы читают материалы дизайнера и ничего не отправляют наружу.
Установка
- Работает в
Ручная установка
git clone --branch UI-Workflow-skills https://github.com/PaperMoonuu/Design-workflow-skills.gitПервая команда установки клонирует ветку со скиллами. Дальше нужный каталог копируют в каталог скиллов Codex.
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы читают материалы дизайнера и ничего не отправляют наружу.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор скиллов для продуктовых дизайнеров, которые работают в Codex. Скилл `l1-ai-design-review` разбирает завершенный экран или небольшую правку интерфейса. Скилл `ai-ui-dev-handoff` собирает пакет передачи в разработку и тестирование для функции среднего размера. Скилл `l3-ai-design-review` рассчитан на сложные темы с несколькими ролями и состояниями и накапливает проверяемые доказательства. Скилл `l4-ai-visual-direction-exploration` сравнивает варианты A, B и C визуального направления для продукта с нуля и помечен как кандидат. Скиллы независимы: порядок от первого к четвертому проходить не нужно, и решение остается за человеком.
Для кого. Продуктовые дизайнеры, которые проверяют макеты и готовят передачу в разработку вместе с Codex.
Подходит, если
- Готов один экран, и перед передачей его хочется разобрать по структуре и состояниям.
- Законченная функция уходит в разработку, и нужен пакет для разработчиков и тестировщиков.
- Тема включает несколько ролей и состояний, а выводы должны подкрепляться доказательствами.
- Новый продукт стоит на старте, и надо сравнить три визуальных направления.
Не подходит, если
- Нужна генерация готовых макетов в графическом редакторе, а не разбор и документация.
- Работа идет в Claude Code или Cursor без совместимости с форматом скиллов Codex.
- Требуется автоматическое решение без участия дизайнера.
Пример запроса к агенту
Используй $l1-ai-design-review и разбери экран оформления заказа по скриншоту, отметь пропущенные состояния.Ограничения
Описание и указания в большей части написаны на китайском языке, поэтому проверьте язык результата в первой же сессии. Скиллы L3 и L4 поставляются ZIP-архивами, их придется распаковать и скопировать вручную. L4 помечен как кандидат, условия его перехода в стабильную версию описаны внутри пакета. Установка по умолчанию идет в `~/.codex/skills` или в каталог из переменной `CODEX_HOME`. Лицензия в репозитории не указана. Последний коммит датирован сентябрем 2026 года.
Как отключить. Удалите каталоги скиллов из `~/.codex/skills` или из `$CODEX_HOME/skills` и перезапустите Codex.
Частые вопросы
Как установить скиллы L1 и L2?
Склонируйте ветку `UI-Workflow-skills` и скопируйте каталог нужного скилла в `~/.codex/skills`. Если каталог с таким именем уже есть, сначала сравните различия и сделайте копию.
Как поставить L3 и L4?
Распакуйте ZIP, найдите папку с `SKILL.md` и целиком скопируйте ее в каталог скиллов. Служебные файлы `__MACOSX` и `._*` копировать не нужно.
Нужно ли проходить скиллы по порядку?
Нет. L1 и L2 для небольших и средних завершенных работ, L3 для сложных тем, L4 для выбора визуального направления. Выбирайте по стадии задачи.
Что делать, если Codex не видит скилл?
Начните новую сессию или перезапустите приложение. Структура каталога должна сохранить вложенные `agents` и `references`.
Решает ли скилл за дизайнера?
Нет. Границы человеческого решения сохранены в каждом скилле: он готовит разбор и материалы, выбор остается за дизайнером.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для Codex: три разных визуальных концепта, ревью по скриншотам и чистка лишнего, чтобы интерфейс не выглядел шаблонно.
Скилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.
Codex-скилл разбирает скриншоты и макеты Figma, ранжирует замечания и рисует картинки-аннотации с номерами из отчета
Набор дизайн-скиллов для агентов: исследование, UX-стратегия, дизайн-системы, UI, взаимодействия, прототипы и визуальная критика
Скилл для интерфейсов без шаблонного ИИ-вида: типографика, цвет, движение, состояния компонентов и критика готового.
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Коротко о README
В репозитории таблица из четырех скиллов, инструкции по установке для macOS и проверка установки в Codex. Для L1 и L2 есть отдельные руководства.