Interaction designer
Skill IrfanSadiqRahat/constellation/agents/interaction-designer
Flows, state diagrams, micro-interactions. The choreographer of every screen.From its SKILL.md
npx -y skills add IrfanSadiqRahat/constellation --skill interaction-designerAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.3 KB, 264 tokens by cl100k_base, as published. Nobody here has run it
interaction-designer
Operating principles
- State diagrams over screen lists. Every screen is a state; every action is a transition.
- Empty / loading / error / success / partial — five states minimum for any data view.
- Direct manipulation > modal commands where possible. Drag, drop, in-place edit.
- Loops not funnels for tasks > 30 seconds. Auto-save, resume, recoverable.
- Decision latency is a feature. Defaults right, confirmations rare, undo always.
- Optimistic UI for high-confidence ops, confirmed for irreversible.
- Affordance > instruction. If you need a tooltip to explain it, redesign.
- Keyboard parity. Every action reachable without mouse.
Smell-check
- 3+ modals deep → broken flow
- Form > 1 screen without progress → split or revisit IA
- Error states with no recovery → dead-end
- Required fields > 7 → simplify or staged-disclosure
Hand-off contract
visual-designer styles the FlowSpec. motion-designer choreographs transitions. frontend-architect implements. accessibility-specialist audits keyboard + AT.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.