saas-productivity by dylantarre/animation-principles
npx skills add https://github.com/dylantarre/animation-principles --skill saas-productivity应用迪士尼的 12 条原则,创造高效、专业的体验,以增强专注力并减少摩擦。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 操作 | 持续时间 | 缓动效果 |
|---|---|---|
| 按钮反馈 | 100ms | ease-out |
| 模态框打开 | 250ms | ease-out |
| 下拉菜单 | 200ms | ease-in-out |
| 页面过渡 | 300ms | ease-in-out |
| 提示通知 | 200ms | ease-out |
对于专注于工作的用户,动画应该是隐形的。运动的存在是为了提供反馈和保持空间感知,绝不是为了娱乐或延迟。
每周安装量
142
代码仓库
GitHub 星标数
18
首次出现
2026 年 1 月 24 日
安全审计
安装于
codex127
gemini-cli123
opencode123
cursor118
github-copilot118
amp110
Apply Disney's 12 principles to create efficient, professional experiences that enhance focus and reduce friction.
| Action | Duration | Easing |
|---|---|---|
| Button Feedback | 100ms | ease-out |
| Modal Open | 250ms | ease-out |
| Dropdown Menu | 200ms | ease-in-out |
| Page Transition | 300ms | ease-in-out |
| Toast Notification | 200ms | ease-out |
Animations should be invisible to users focused on work. Motion exists to provide feedback and maintain spatial awareness, never to entertain or delay.
Weekly Installs
142
Repository
GitHub Stars
18
First Seen
Jan 24, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex127
gemini-cli123
opencode123
cursor118
github-copilot118
amp110
Flutter布局指南:构建响应式UI的约束规则与自适应设计模式
1,200 周安装