animate
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
Skill by wearedevpunks
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/wearedevpunks-animate
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
animate- Description
- Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.
- License
- unknown
- Instructions
- 196 lines in SKILL.md · view on GitHub
Files (4)
- LICENSE
- RECIPES.md
- SKILL.md
- UPSTREAM.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from wearedevpunks/skills
- 0.587score
ask-hi
wearedevpunks
Explain how the Harness Intelligence (HI) Baseline works.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
hi-cli
wearedevpunks
Operates the Harness Intelligence CLI (`hi`, alias `hint`) through init, update, diff, check, tools, report, upgrade, operator-skill, and post-command flows.
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
docs-onboarding
wearedevpunks
Onboard an existing project into the scaffolded Harness wiki by inspecting code, docs and backlog, closing reconstruction decisions, then handing accepted…
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
agent-browser
wearedevpunks
Automate web interactions with agent-browser using Lightpanda by default.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
break-ui
wearedevpunks
Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
debug-agent
wearedevpunks
Systematic evidence-based debugging using runtime logs.
SkillAFreshness: A★ 1Claude Code +9 - 0.576score
rule-authoring
wearedevpunks
Maintain project-owned Codebase Rules after `hi init` or `hi update`.
SkillAFreshness: A★ 1Claude Code +9 - 0.547score
write-graph-based-skills
wearedevpunks
Write graph-based skills as Durable Workflow Graphs.
SkillBFreshness: B★ 1Claude Code +9 - 0.547score
backend-domain-structure
wearedevpunks
Organize backend code into domain-first layers with thin transport entrypoints, platform composition, external integrations, and feature-owned business…
SkillBFreshness: B★ 1Claude Code +9 - 0.542score
writing-shape
wearedevpunks
Chooses the final structure for a public-facing article, guide, or docs page from fragments and beats.
SkillBFreshness: B★ 1Claude Code +9 - 0.542score
writing-beats
wearedevpunks
Turns fragments or raw material into an ordered journey of reader-facing beats.
SkillBFreshness: B★ 1Claude Code +9 - 0.542score
writing-fragments
wearedevpunks
Mines raw writing material into a durable fragments document.
SkillBFreshness: B★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 2
- Open issues
- 0
- Last commit (this folder)
- Oct 16, 2026 (12 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/wearedevpunks/skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.633score
animate
enitrat
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: A★ 15Claude Code +9 - 0.352score
animate
bhubbard
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: A★ 1Claude Code +9 - 0.349score
animate
upamune
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: A★ 1Claude Code +9 - 0.349score
animate
itsmichaelwest
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: A★ 1Claude Code +9 - 0.349score
animate
aayushbtw
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: A★ 1Claude Code +9 - 0.339score
animate
Cadastrophi
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: AClaude Code +9 - 0.336score
animate
MohMaya
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: AClaude Code +9 - 0.336score
animate
Chris-Maskey
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: AClaude Code +9 - 0.336score
animate
trobias
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: AClaude Code +9 - 0.336score
animate
KUNDURUHIMANEESHREDDY
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillAFreshness: AClaude Code +9 - 0.335score
animate
Vitammiin
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillBFreshness: B★ 2Claude Code +9 - 0.332score
animate
gethamster
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which…
SkillBFreshness: B★ 2Claude Code +9
More from wearedevpunks
- 0.587score
ask-hi
wearedevpunks
Explain how the Harness Intelligence (HI) Baseline works.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
hi-cli
wearedevpunks
Operates the Harness Intelligence CLI (`hi`, alias `hint`) through init, update, diff, check, tools, report, upgrade, operator-skill, and post-command flows.
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
docs-onboarding
wearedevpunks
Onboard an existing project into the scaffolded Harness wiki by inspecting code, docs and backlog, closing reconstruction decisions, then handing accepted…
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
agent-browser
wearedevpunks
Automate web interactions with agent-browser using Lightpanda by default.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
break-ui
wearedevpunks
Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
debug-agent
wearedevpunks
Systematic evidence-based debugging using runtime logs.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
animate skill. Agent Mart. https://agentmart.dev/skills/wearedevpunks-animate (last updated 2026-10-24)