其他

layers-interaction-flow

jamiemill/layers-skills

Techniques for mapping interaction structure and flow — places, affordances, edge cases, and failure paths — without committing to visual form

  • 1971 次安装
  • 314 星标
  • 收录于

安装命令

npx skills add https://github.com/jamiemill/layers-skills --skill layers-interaction-flow

SKILL.md

/layers-interaction-flow

Assumes /layers-intro has been loaded. This skill is a library of techniques, not a script — see "How to use these skills" there.

The interaction structure and flow layer defines how a person interacts with the product: the places they navigate, the affordances available, the content presented, and the flow between states. It sits above the conceptual model (which defines what exists) and below the surface (which defines how it looks).

A breadboard is always for a particular user in a particular situation doing a particular job. Know which job story before you start.


The decisions this layer makes

  • The distinct places this flow moves through
  • What the user can do in each place, and where each action leads
  • What content each place needs to show
  • What happens on failure paths, empty states, and edge cases
  • Whether the flow is as simple as it can be while still serving the job

If the conceptual model beneath isn't stable, flows built on it often need redoing — check that first.