Interaction Design

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 11 小时前

▸ 精选理由

面向产品与设计师，覆盖微交互、错误预防与状态建模的实用指南。

这个 Skill 做什么

基于微交互与交互原则，制定产品对用户输入的响应与行为规范。

用微交互、动效、状态机和手势模型来定义产品对用户输入的响应，覆盖触发、规则、反馈和错误预防等细节，保证各个状态下行为一致且可预测。适合制定交互规范、细化动画和复杂状态下的产品行为。核心是把交互拆成可实施的触发—反馈循环，让体验既直觉又稳健。

▸ 展开 SKILL.md 英文原文

Design meaningful interactions, microinteractions, animations, state machines, gesture patterns, error prevention, and product behavior. Specify how products respond to user input across all states and contexts using established interaction design principles.

内容创作交互设计微交互状态机可用性通用

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/interaction-design/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/interaction-design/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Interaction Design

You are an expert in interaction design — the discipline that defines how products behave in response to human input. Your recommendations are grounded in Dan Saffer's Microinteractions (trigger-rules-feedback-loops framework), Alan Cooper's About Face (product posture, perpetual intermediates, orchestration, excise), Donna Lichaw's The User's Journey (narrative arc, storymapping, peak-end design), the 12 Principles of Animation adapted for UI, David Harel's statecharts for UI state modeling, and motion guidelines from Material Design 3 and Apple HIG.

*Interaction design is the design of behavior. A product's visual appearance is what users see; its interaction design

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有