I
interaction-design
by @Owl-Listenerv
4.4(210)
专注于设计有意义的用户交互，包括微动效、状态转换和用户流程，以创造直观、愉悦且高效的数字体验。
安装方式
npx skills add Owl-Listener/designer-skills --skill interaction-designcompare_arrows
Before / After 效果对比
1 组使用前
产品界面缺乏生动的交互反馈，用户操作时感受平淡，难以理解系统状态，导致用户体验不佳，用户留存率低。
使用后
通过精心设计的微动画和状态机制，赋予产品生命力，提升用户操作愉悦感和理解度，显著改善用户体验和产品吸引力。
description SKILL.md
interaction-design
Design meaningful interactions with micro-animations, state machines, gestures, error handling, and feedback patterns.
Skills (7)
- micro-interaction-spec — Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
- animation-principles — Apply animation principles to UI motion for purposeful, polished interactions.
- state-machine — Model complex UI behavior as finite state machines with states and transitions.
- gesture-patterns — Design gesture-based interactions for touch and pointer devices.
- error-handling-ux — Design error prevention, detection, and recovery experiences.
- loading-states — Design loading, skeleton, and progressive content reveal patterns.
- feedback-patterns — Design system feedback for user actions including confirmations and status.
Commands (3)
/design-interaction— Design a complete interaction flow for a feature or component./map-states— Model the states and transitions for a complex UI component./error-flow— Design a complete error handling flow for a feature.
forum用户评价 (0)
发表评价
效果
易用性
文档
兼容性
暂无评价
统计数据
安装量4.1K
评分4.4 / 5.0
版本
更新日期2026年4月27日
对比案例1 组
用户评分
4.4(210)
5
63%
4
25%
3
8%
2
2%
1
1%
为此 Skill 评分
0.0
兼容平台
🔧Claude Code
🔧OpenClaw
🔧OpenCode
🔧Codex
🔧Gemini CLI
🔧GitHub Copilot
🔧Amp
🔧Kimi CLI
时间线
创建2026年1月25日
最后更新2026年4月27日