Laowangba PM Prototype Skill
Скилл Codex строит прототипы B2B и B2C продуктов: выводит структуру страниц, задает дизайн-план и пишет спеки для Figma.
- 105 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл создает файлы спецификаций и, при подключенном Figma, редактируемые фреймы
- Описание продукта уходит модели и сервису Figma
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/laowangba-pm-prototype-skillОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл создает файлы спецификаций и, при подключенном Figma, редактируемые фреймы
- Описание продукта уходит модели и сервису Figma
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл разбивает создание прототипа на устойчивые шаги. Сначала выводится информационная архитектура: из брифа извлекаются сущности, роли, цепочки задач и страницы, без шаблонного набора экранов админки. Затем составляется `design-plan.md` с предметом, тоном, токенами, сеткой, фирменной деталью и отличием от типового решения. Перед Figma идет проверка на типичный вид ИИ-интерфейсов (Anti-Slop Review), и без статуса PASS Figma не создается. Каждую страницу описывает структурированная спека `{page-id}.page.ui.yaml`, которая принимает последующие точечные правки, а генерация в Figma идет редактируемыми фреймами по регионам. На выходе `ia-draft.md`, `design-plan.md`, спеки страниц и ссылка на файл Figma с идентификаторами фреймов. В репозитории лежат три примера: фронт членской системы, бэкенд складского учета и фронт ИИ-сервиса сравнения цен.
Для кого. Продакт-менеджеры, которые готовят прототипы для обсуждения требований и хотят получить редактируемые экраны в Figma, а не картинки.
Подходит, если
- По брифу выводят страницы, роли и цепочки задач, не копируя типовую админку.
- Прототип сначала описывают в `page.ui.yaml`, чтобы потом точечно менять отдельные страницы.
- Генерацию в Figma сдерживают проверкой на шаблонный облик ИИ-интерфейсов.
- Для обсуждения с командой нужны экраны B2C-витрины или B2B-кабинета.
Не подходит, если
- Нужен итоговый UI для передачи в разработку: авторы сами называют результат прототипом.
- Не настроены Figma MCP или плагин Figma: без них запись в Figma невозможна.
- Задача про мобильное нативное приложение со сложными жестами.
Пример запроса к агенту
Используй скилл генерации прототипов и подготовь прототип фронта членской системы: сначала IA и дизайн-план.Ограничения
Результат это прототип для обсуждения, а не финальный дизайн: авторы советуют для показа и сдачи сделать более тщательную картинку другим инструментом, а дизайнеру такой файл не отдавать как готовый UI. Для записи в Figma нужны настроенные Figma MCP или плагин и навыки вроде `figma-use`, а при их отсутствии проверки дизайна придется выполнять по `DESIGN.md`. Документация на китайском. Скилл рассчитан на Codex. Последнее обновление репозитория датировано 9 июля 2026 года, лицензия MIT.
Как отключить. Удалите папку скилла из каталога скиллов Codex. Созданные файлы `ia-draft.md`, `design-plan.md`, `page.ui.yaml` и файл Figma остаются.
Частые вопросы
Что получается на выходе?
Черновик IA, дизайн-план, спеки страниц `page.ui.yaml` и ссылка на файл Figma с идентификаторами фреймов.
Зачем нужен дизайн-план?
Без `design-plan.md` Figma не создается: он фиксирует предмет, тон, токены и отличие от типового интерфейса.
Что такое Anti-Slop Review?
Проверка перед Figma на попадание в привычный облик ИИ-интерфейсов. Если статус не PASS, генерация не начинается.
Нужен ли Figma?
Для записи прототипа в Figma нужны настроенные Figma MCP или плагин. Без него остаются спеки и планы.
Годится ли результат для передачи дизайнеру?
Нет, авторы прямо советуют использовать его для требований и потоков, а для показа сделать финальную картинку другим инструментом.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для дизайн-систем Figma: чтение, аудит с проверкой WCAG, создание компонентов и выгрузка токенов в код.
Четыре скилла для Codex на каждый этап дизайна продукта: от разбора экрана до сравнения визуальных направлений.
Генератор DESIGN.md для Figma
DESIGN.md generator for Figma
Плагин Figma от TypeUI: собирает стили файла и генерирует DESIGN.md и SKILL.md для Claude Code, Codex и Cursor
Codex-скилл разбирает скриншоты и макеты Figma, ранжирует замечания и рисует картинки-аннотации с номерами из отчета
Скилл-движок дизайна для локальных агентов: мокапы, прототипы, лендинги, дашборды и слайды в виде самодостаточного HTML прямо в редакторе
Скиллы uSpec пишут документацию дизайн-системы из Figma: контракт компонента, цвет, структуру и поведение для скринридеров.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Laowangba PM Prototype Skill (эта карточка) | нет | 105 | |
| figma-use | нет | 615 | CLI для чтения и записи Figma из командной строки; здесь процесс от IA и дизайн-плана до страниц и фреймов |
| PM-Kit | нет | 140 | рабочее пространство продакт-менеджера в Obsidian со стендапами и решениями; здесь прототипы экранов в Figma |
Коротко о README
README перечисляет пять частей процесса, структуру репозитория и три готовых примера с IA, дизайн-планами и спеками страниц.