Layers Skills
Девять скиллов проводят продуктового дизайнера по семи слоям: от наблюдаемого поведения до решений по интерфейсу.
- 314 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы содержат только текстовые инструкции для рабочих сессий: ничего не запускают и не обращаются к сети.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/layers-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы содержат только текстовые инструкции для рабочих сессий: ничего не запускают и не обращаются к сети.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Layers Skills ведет продуктового дизайнера по рамке «Layers of Product Design» с семью слоями: наблюдаемое поведение, предметная область, потребности пользователей, стратегия продукта, концептуальная модель, структура взаимодействия и поверхность. Каждый скилл объясняет природу своего слоя, называет решения, которые на нем принимают, и при желании проводит рабочую сессию проверенным методом. Начинать нужно с `/layers-intro`, который задает контекст для остальных скиллов. Затем `/layers-orient` проводит экспресс-аудит по всем слоям и подсказывает, где сосредоточиться. Результаты у слоев разные: кандидаты в job stories с оценкой уверенности, карта понятий, дерево возможностей и решений, карта объектов с диаграммами состояний, макет потока с пограничными случаями, перечень решений по интерфейсу.
Для кого. Продуктовым дизайнерам и менеджерам, которые разбирают задачу по шагам от потребностей пользователей до интерфейса.
Подходит, если
- Проект стартует, и надо понять, на каком из семи слоев дизайна остались пробелы.
- Из интервью и наблюдений собирают кандидатов в job stories с оценкой уверенности.
- В команде спорят о терминах, и нужна карта понятий с конфликтами названий.
- Продукту не хватает концептуальной модели с объектами, связями, состояниями и общим словарем.
- Перед макетами рисуют схему потока с пограничными случаями и открытыми решениями.
Не подходит, если
- Нужна готовая верстка или код интерфейса: скиллы ведут рассуждение и код не пишут.
- Задача не продуктовая: рамка слоев рассчитана на проектирование продуктов и сервисов.
- Данных о пользователях нет: скиллы анализируют принесенные материалы и сами интервью не заменяют.
- Хочется получить визуальные макеты: слой поверхности выдает аудит и перечень решений без картинок.
Пример запроса к агенту
Загрузи /layers-intro, затем /layers-orient: проведи аудит по семи слоям нашего приложения для записи к врачу и скажи, с какого слоя начать.Ограничения
Инструкции по установке в репозитории нет: скиллы лежат папками в `skills/`, и их копируют в каталог скиллов агента. Без `/layers-intro` остальные скиллы теряют контекст рамки, поэтому его загружают первым. Скиллы направляют рассуждение дизайнера и решений за него не принимают. Данные о пользователях приносит человек. Описания и методы написаны на английском. Лицензия MIT допускает форк и адаптацию. Последний коммит сделан в мае 2026.
Как отключить. Удалите папки `layers-*` из каталога скиллов агента.
Частые вопросы
С чего начать работу?
Загрузите `/layers-intro`: он задает контекст рамки для остальных скиллов. Затем `/layers-orient` проводит диагностику по семи слоям и показывает, где сосредоточиться.
Можно ли начать с середины?
Да. Слои зависят друг от друга логически, но войти можно на любом из них. Достаточно проверить, прочны ли слои ниже.
Какой слой чаще всего упускают?
Концептуальную модель: объекты, связи, состояния и словарь, с которыми работает продукт. Если неясно, с чего начать, запустите `/layers-orient`.
Что дает слой наблюдаемого поведения?
Скилл `/layers-observed-behaviour` собирает кандидатов в job stories с оценкой уверенности. Из них `/layers-user-needs` строит приоритизированный список потребностей.
Что делает скилл `/layers-interaction-flow`?
Он рисует схему потока (breadboard): места, связи между ними, пограничные случаи и открытые решения.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
Скиллы18 скиллов и 6 агентов для UX-стратегии: от исследования и потоков до доступности, этики и передачи в разработку
Скиллы продакт-менеджера
Product Manager Skills
Большая библиотека продуктовых фреймворков в виде скиллов: исследования, стратегия, PRD, приоритизация, юнит-экономика
Плагин из 17 скиллов для продуктовых команд: исследование клиентов, приоритизация, эксперименты и дизайн от идеи до прототипа
Аналитический скилл проверяет, найдут ли пользователи ценность в продуктовой идее: сценарий, условия, время и доставка, с оценкой надежности вывода
Набор из 13 скиллов в формате SKILL.md: ресерч, продуктовый документ, презентации, статьи и аудиты для любого совместимого агента
Lenny's Product Skills
Lenny's Product Skills for Claude Code
Набор продуктовых скиллов для Claude Code и агентов, читающих SKILL.md: стратегия, дискавери, запуск, рост и работа с командой
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Layers Skills (эта карточка) | нет | 314 | |
| UX/UI Agent Skills | нет | 3 109 | набор скиллов, токенов и правил для дизайн-системы и проверок качества интерфейса; Layers Skills работает на уровне потребностей, понятий и структуры взаимодействия |
| UI UX Pro Max | нет | 145 555 | база стилей, палитр и шрифтовых пар для генерации дизайн-системы; Layers Skills ведет проектное рассуждение до визуального оформления |
Коротко о README
Документ делит слои на пространство проблемы из трех слоев и пространство решения из четырех и дает таблицы скиллов с их результатами. Короткий раздел о рамке объясняет логическую зависимость слоев: слабый нижний слой копит UX-долг, который растет вверх.
Бейдж для README
Исходный SKILL.md
--- name: layers-intro description: Framework orientation for Layers of Product Design — load this first; provides the context all other skills depend on --- # /layers-intro Load this skill at the start of any design session. It provides the framework context that all other `/layers-*` skills depend on. --- ## The framework **Layers of Product Design** organises design work into seven layers across three zones. Layers have *logical dependency*: lower layers are foundations for upper ones. Weak lower layers create UX debt that propagates upward. **Reality** — complex, contradictory, evolving. Source of all learning. **Problem space** — knowledge gathered from reality: 1. **Observed behaviour** — what users actually do 2. **The domain** — concepts, terminology, and mental models that exist independently of any product 3. **User needs** — what we think users are trying to achieve, and why **Solution space** — deliberate decisions about what to build: 4. **Product & service strategy** — which needs to serve, and what business outcomes to target 5. **Conceptual model** — objects, relationships, states, vocabulary — independent of any interface 6. **Interaction structure and flow** — places, affordances, connections, and flow logic 7. **Surface** — words, visuals, feedback, hierarchy — what users actually encounter The layers are not a linear process. Enter anywhere — but always check whether the foundations below are sound. *Inspired by Jesse James Garrett's* The Elements of User Experience *(2000).* --- ## Design is decision-making Design = making decisions about the form of a solution (Christopher Alexander). Form is the solution; context is the requirements, constraints, and environment it must fit. Good design is good fit. **Four kinds of progress:** 1. **Making decisions** — resolving something undecided 2. **Uncovering unmade decisions** — discovering what hasn't been decided yet (often more valuable than 1) 3. **Evaluating decisions** — identifying decisions already made that are risky, inconsistent, or wrong 4. **Prioritising decisions** — lower layers are more foundational and carry more risk if wrong The job of every skill is to help the designer make better decisions — not to make decisions for them. --- ## How to use these skills