healthcare-medical by dylantarre/animation-principles
npx skills add https://github.com/dylantarre/animation-principles --skill healthcare-medical应用迪士尼的 12 条动画原则,创建清晰优先、缓解焦虑、令人平静且值得信赖的体验。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 动作 | 持续时间 | 缓动函数 |
|---|---|---|
| 页面过渡 | 400-500ms | ease-in-out |
| 模态框打开 | 350ms | ease-out |
| 警报出现 | 200ms | ease-out |
| 数据刷新 | 300ms | ease-in-out |
| 成功反馈 | 400ms | ease-out |
动画绝不能引起焦虑或困惑。优先考虑清晰度、可访问性和平静感。如有疑问,减少动画。
每周安装量
82
代码仓库
GitHub 星标数
20
首次出现
2026年1月24日
安全审计
安装于
codex74
gemini-cli73
opencode72
cursor71
github-copilot68
cline62
Apply Disney's 12 principles to create calming, trustworthy experiences that prioritize clarity and reduce anxiety.
| Action | Duration | Easing |
|---|---|---|
| Page Transition | 400-500ms | ease-in-out |
| Modal Open | 350ms | ease-out |
| Alert Appearance | 200ms | ease-out |
| Data Refresh | 300ms | ease-in-out |
| Success Feedback | 400ms | ease-out |
Animations must never cause anxiety or confusion. Prioritize clarity, accessibility, and a calming presence. When in doubt, animate less.
Weekly Installs
82
Repository
GitHub Stars
20
First Seen
Jan 24, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex74
gemini-cli73
opencode72
cursor71
github-copilot68
cline62
Flutter布局指南:构建响应式UI的约束规则与自适应设计模式
1,200 周安装