Layers Intro

This is the foundation skill for a seven-layer product design framework that separates problem space (observed behavior, domain, user needs) from solution space (strategy, conceptual model, interaction flow, surface). You load it first because all the other `/layers-*` skills depend on its vocabulary and structure. The framework treats design as decision-making, not artifact production, which means each layer skill is a library of techniques to surface and resolve live decisions rather than a checklist to march through. The most useful bit is probably the emphasis on working one layer at a time and checking foundations before building up, especially the conceptual model layer which it calls the most neglected load-bearing part of the stack.

skills.sh installs: 2K
GitHub stars: 314
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jamiemill/layers-skills --skill layers-intro --agent claude-code

Installs into .claude/skills of the current project.

Files

/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:

Observed behaviour — what users actually do
The domain — concepts, terminology, and mental models that exist independently of any product
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

SKILL.md on GitHub