interaction-design
✓設計用戶交互、流程和界面行為。用於線框、原型、微交互、用戶流程、狀態機、可供性設計和可用性審查。涵蓋 IxD 原理、尼爾森啟發法、菲茨定律、希克定律和新興範例（空間、會話、基於手勢的界面）。關鍵詞：IxD、線框、原型、用戶流程、微交互、UI 狀態圖、屏幕流程、可點擊原型、交互模式。
SKILL.md
Design interactive digital products with a focus on how users engage with interfaces. IxD bridges user needs and system capabilities through controls, feedback, and information flows.
| Flow misses edge cases | Add error states, review with scenarios | | Wireframes unclear | Add annotations, increase fidelity | | States incomplete | Use state machine diagram, list all transitions | | Users confused in testing | Simplify, improve affordances and signifiers | | Accessibility gaps | Apply WCAG 2.2 checklist, test with screen reader |
| Nielsen heuristics, Fitts's Law, Hick's Law | Principles | | Wireframes, prototypes, user flows, micro-interactions | Artifacts | | Spatial, conversational, gesture paradigms | Emerging | | Flow diagrams, state machines, worked examples | Examples |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-05
- 更新時間
- 2026-02-18
快速解答
什麼是 interaction-design？
設計用戶交互、流程和界面行為。用於線框、原型、微交互、用戶流程、狀態機、可供性設計和可用性審查。涵蓋 IxD 原理、尼爾森啟發法、菲茨定律、希克定律和新興範例（空間、會話、基於手勢的界面）。關鍵詞：IxD、線框、原型、用戶流程、微交互、UI 狀態圖、屏幕流程、可點擊原型、交互模式。 來源：teslasoft-de/claude-skills-marketplace。
如何安裝 interaction-design？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/teslasoft-de/claude-skills-marketplace
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-05