Layers Skills

Девять скиллов проводят продуктового дизайнера по семи слоям: от наблюдаемого поведения до решений по интерфейсу.

  • 314 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Минимальный доступ

Почему такой уровень

  • Скиллы содержат только текстовые инструкции для рабочих сессий: ничего не запускают и не обращаются к сети.
Все причины и проверки

jamiemill/layers-skills

Установка

Работает в

В терминале, через 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-стратегии: от исследования и потоков до доступности, этики и передачи в разработку

СкиллМинимальный доступ246Звезды репозитория

Большая библиотека продуктовых фреймворков в виде скиллов: исследования, стратегия, PRD, приоритизация, юнит-экономика

СкиллМинимальный доступ7,9 тыс.Звезды репозитория

Плагин из 17 скиллов для продуктовых команд: исследование клиентов, приоритизация, эксперименты и дизайн от идеи до прототипа

ПлагинРасширенный доступ258Звезды репозитория

Аналитический скилл проверяет, найдут ли пользователи ценность в продуктовой идее: сценарий, условия, время и доставка, с оценкой надежности вывода

СкиллМинимальный доступ534Звезды репозитория

Набор из 13 скиллов в формате SKILL.md: ресерч, продуктовый документ, презентации, статьи и аудиты для любого совместимого агента

СкиллРасширенный доступ733Звезды репозитория

Lenny's Product Skills

Lenny's Product Skills for Claude Code

Набор продуктовых скиллов для Claude Code и агентов, читающих SKILL.md: стратегия, дискавери, запуск, рост и работа с командой

СкиллМинимальный доступ1,5 тыс.Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
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

Сообщить о проблеме

Foxx AILayers Skills
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.