FreeWeb
SVG icons, illustrations and logos
- 371371 downloads
- 167167 likes
- 205205 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
Universal timing principles v1.0.0
Use this resource to choose consistent animation durations at every scale
New
- 330 downloads
- 181 likes
- 146 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install universal-timing-principlesWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent sets out timing rules that stay true whatever the duration: proportional squash, anticipation of about 20–30% of the main action, one clear point of focus. You get a duration framework and reusable easing curves.
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeSkills
Simulated user walkthroughs and latent demand
- 400400 downloads
- 155155 likes
- 180180 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
UI motion: hover, transitions, gestures
- 600600 downloads
- 208208 likes
- 109109 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Design tokens: colour, spacing and dark mode
- 314314 downloads
- 142142 likes
- 243243 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Frontend engineering review
- 537537 downloads
- 112112 likes
- 145145 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
UI and API mock prototypes
- 426426 downloads
- 171171 likes
- 233233 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Design context extraction from Figma
- 412412 downloads
- 240240 likes
- 178178 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
Mockup-faithful HTML and CSS generation
- 512512 downloads
- 215215 likes
- 183183 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: universal ratios for anticipation and squash
- SKILL.md: duration selection framework and timing laws
Good fit for
- You are unsure what duration a movement should have
- You want one timing rule shared across the whole team
Not for
Tags
- timing
- duration
- easing
- principles
About
You say
“Define a shared duration rule for every movement in my app.”
Skill published by dylantarre under the MIT license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to choose consistent animation durations at every scale
- Review and adjust the result
Content preview
Files
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.5 KB
- SKILL.md3.9 KB
Origin and licence
Listed unmodified
- Author
- dylantarre
- Source
- github.com/dylantarre/animation-principles/tree/83597134ba8ff59838270f94d7ac7282ffa3b54d/skills/10-by-time-scale/universal-timing
- Licence
- MIT
Notice
« universal-timing » (dylantarre, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…