sunflowermm/interaction-design
.trae/skills/interaction-design/SKILL.md
当需要设计交互细节（动效、过渡、反馈、加载状态）并提升体验时使用。
$ install --global
skillsauthnpx skillsauth add sunflowermm/XRK-AGT interaction-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 29, 2026, 11:02 PM9.1s1 file scanned
SKILL.md
- name:
- interaction-design
- description:
- 当需要设计交互细节（动效、过渡、反馈、加载状态）并提升体验时使用。
权威入口
.cursor/skills/interaction-design/references/microinteraction-patterns.md.cursor/skills/interaction-design/references/animation-libraries.md.cursor/skills/interaction-design/references/scroll-animations.md
适用场景
- 需要增强交互反馈与操作确定性。
- 需要统一动效时长、节奏与状态切换。
- 需要优化加载、提交、错误恢复体验。
非适用场景
- 不用于替代业务逻辑与接口容错设计。
- 不为了“炫技”加入无意义动画。
执行步骤
- 标注关键状态：默认、悬停、激活、加载、成功、失败。
- 设计最小有效反馈：优先可感知和可理解。
- 统一时长与缓动，并考虑低性能设备。
- 增加
prefers-reduced-motion兜底方案。 - 验证交互连续性：不中断主任务流。
常见陷阱
- 动画过长导致响应“变慢”。
- 只做进入动画，不处理退出与中断状态。
- 忽略减弱动画偏好与可访问性要求。
Related Skills
sunflowermm/answer-format
development
VerifiedTrustedCommunity
统一回复版式：短、结构化、可复制；减少空话
145SKILL.mdUpdated Jun 12, 2026
sunflowermm/agent-tools
tools
VerifiedTrustedCommunity
MCP 工具地图：默认工作流、web_search、何时启用 desktop/browser/memory
145SKILL.mdUpdated Jun 12, 2026
sunflowermm/agent-search
development
VerifiedTrustedCommunity
检索栈：web_search（13 提供商 + parallel-free 免费通道）、web_fetch、与 office-research 分工
145SKILL.mdUpdated Jun 12, 2026
sunflowermm/agent-memory
data-ai
VerifiedTrustedCommunity
工作区 Markdown 记忆 + memory 工作流向量记忆的使用边界
145SKILL.mdUpdated Jun 12, 2026