界面交互与状态反馈

原名：interaction-design

给按钮、表单和页面切换补齐加载、成功、失败等反馈，兼顾键盘与减少动画需求。

中文 Skills 技能说明

用户点按钮不知道是否生效，或表单失败没有解释时，可让前端开发工程师检查交互。提供页面流程、组件代码和问题录屏，技能梳理输入、等待、完成与异常状态，交付交互说明、微动效建议和验证清单。动效应服务理解，不用动画掩盖接口错误，也不自动变更业务流程。实施需桌面端访问代码与浏览器，按项目技术栈调整示例；改动前确认范围，发布前检查键盘操作、弱网和减少动画设置，真实用户体验仍需验收。

上游能力依据

上游原始适用说明：Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

上游 SKILL.md 主要章节（保留原文标题）：

When to Use This Skill
Core Principles
1. Purposeful Motion
2. Timing Guidelines
3. Easing Functions
Quick Start: Button Microinteraction
Interaction Patterns
1. Loading States
2. State Transitions
3. Page Transitions

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者: Seth Hobson（wshobson）与 agents contributors
中文翻译: CEOFans翻译
许可证: MIT
上游来源: https://github.com/wshobson/agents/tree/46891e7e60da0e52baf1050b7b6391b64e84c6d9/plugins/ui-design/skills/interaction-design

适用范围

平台：linux、macos、windows；标签：设计与前端、界面交互与状态反馈、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。