layers-interaction-flow
CommunityDesign clearer user flows before visual design
Authorcodesour-design
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps product designers structure complex interactions by defining user journeys, states, affordances, and edge cases before committing to interface details.
Core Features & Use Cases
- Interaction Flow Mapping: Creates breadboard notation that connects places, actions, destinations, and content within a product experience.
- Edge Case Analysis: Identifies empty states, failures, loading behavior, cancellation paths, and unresolved decisions in user flows.
- Flow Design Guidance: Supports product teams in evaluating user journeys, simplifying workflows, and aligning interactions with conceptual models.
Quick Start
Use the layers-interaction-flow skill to create a breadboard for the user journey of designing a new onboarding experience.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: layers-interaction-flow Download link: https://github.com/codesour-design/gravity/archive/main.zip#layers-interaction-flow Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.