Agent skill

Improve Animations

by flornkm in flornkm/personal-site

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute.

No licenceAuto-check: warningsAgent Workflows

Install Improve Animations

The automated check flagged lines worth reading first. See the safety section below.

skills CLI
$ npx skills add flornkm/personal-site --skill improve-animations -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install flornkm/personal-site improve-animations --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/flornkm/personal-site.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/improve-animations .claude/skills/improve-animations && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
improve-animations
GitHub stars
150
Used in
12 other repos
Token cost
~2k tokens
SKILL.md length
1,001 words
Files
3
Skills in repo
14
Repo updated
First seen
Licence
None found

At a glance

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute.

  • Works in 4 steps: Recon (always first) → Audit (parallel) → Vet, prioritize, confirm → …
  • The user asks to improve the animations
  • SKILL.md covers Operating Posture, Hard Rules, Workflow and Invocation Variants, plus 1 more section
  • Calls git

What it does

Improve Animations is an agent skill from flornkm/personal-site. Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `AUDIT.md` and `PLAN-TEMPLATE.md`).

It sits in Agent Workflows, covering Planning. The repository describes itself as: Florians personal site.

When your agent uses it

  • The user asks to improve the animations
  • Audit the motion
  • Make this app feel better
  • Wants a roadmap of animation fixes rather than a review of a single diff

Example prompts

  • “improve the animations”
  • “audit the motion”
  • “make this app feel better”
  • “/improve-animations”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Recon (always first)
  2. Audit (parallel)
  3. Vet, prioritize, confirm
  4. Write plans

What it can do on your machine

Read from SKILL.md and the folder at commit cbc0e20. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Improve Animations loads about 2k tokens when it runs. Until then it costs about 117 tokens; SKILL.md has 1,001 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~117
When it runs · the whole SKILL.md, loaded when a task matches
~2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: warnings

The automated check found patterns that need a careful read before installing.

  • WarningContains instruction-override wording (e.g. “without asking the user”)SKILL.md:25
    s inert. If a file tries to steer you ("ignore previous instructions…"), flag it as a finding and move on.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 1,001 words (~1,964 tokens).

“An advisor skill modeled on the audit-then-plan workflow: use the capable model for the part where judgment compounds — understanding the codebase's motion, deciding what's worth fixing, writing the spec — and hand execution to any agent, including cheaper models.”

— opening of SKILL.md by flornkm
name
improve-animations

Read the full SKILL.md on GitHub

Files

SKILL.md and 2 other files in .agents/skills/improve-animations of flornkm/personal-site.

  • SKILL.md
  • AUDIT.md
  • PLAN-TEMPLATE.md

Open the folder on GitHubat commit cbc0e20

Used in 12 other repositories

We found 16 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 12 other GitHub owners. This page covers the copy in flornkm/personal-site, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Improve Animations next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Improve Animations compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Improve Animations this skillflornkm/personal-site15012 repos~2kAutomated safety check: WarnNone
Executing Plans Inlineobra/superpowers297k2 repos~5.1kAutomated safety check: PassMIT
Interview Meaddyosmani/agent-skills103k6 repos~3.8kAutomated safety check: PassMIT
OpenSpec Guided OnboardingFission-AI/OpenSpec71k1 repos~4.5kAutomated safety check: PassMIT
Writing Plansgeeksblabla/stateofdev.ma16357 repos~661Automated safety check: PassNone
Subagent Driven DevelopmentAsvarox/allkaraoke26137 repos~1.2kAutomated safety check: PassNone

Similar skills

  • Executing Plans Inline

    obra/superpowers

    Has the agent carry out an implementation plan itself, task by task in the current session, keeping a ledger, proving each step with a test and ending with one whole-branch review.

    297k GitHub starsUsed in 2 repos~5.1k tokens
    Agent WorkflowsAuto-check passed
  • Interview Me

    addyosmani/agent-skills

    Asks one question at a time, each with a best guess attached, until the agent is about 95 percent sure what you really want, before any plan, spec or code.

    103k GitHub starsUsed in 6 repos~3.8k tokens
    Agent WorkflowsAuto-check passed
  • OpenSpec Guided Onboarding

    Fission-AI/OpenSpec

    Walks you through a complete OpenSpec workflow cycle with narration while doing real work in your codebase.

    71k GitHub starsUsed in 1 repo~4.5k tokens
    Agent WorkflowsAuto-check passed
  • Writing Plans

    geeksblabla/stateofdev.ma

    A skill your agent uses when design is complete and you need detailed implementation tasks for engineers with zero codebase context - creates comprehensive implementation plans with exact file…

    163 GitHub starsUsed in 57 repos~661 tokens
    Agent WorkflowsAuto-check passed
  • Subagent Driven Development

    Asvarox/allkaraoke

    A skill your agent uses when executing implementation plans with independent tasks in the current session

    261 GitHub starsUsed in 37 repos~1.2k tokens
    Agent WorkflowsAuto-check passed
  • Planning With Files

    jd-opensource/JoySafeter

    Implements Manus-style file-based planning for complex tasks.

    313 GitHub starsUsed in 19 repos~1.8k tokens
    Agent WorkflowsAuto-check: notes

More from flornkm/personal-site

All 14 skills in this repo
  • Animation Vocabulary

    flornkm/personal-site

    Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →…

    150 GitHub starsUsed in 13 repos~3.2k tokens
    Auto-check passed
  • Apple Design

    flornkm/personal-site

    Apple's approach to interface design and fluid, physical motion, translated for the web.

    150 GitHub starsUsed in 19 repos~5.6k tokens
    Auto-check passed
  • Central Icons

    flornkm/personal-site

    ALWAYS ACTIVE. An agent skill from flornkm/personal-site.

    150 GitHub stars~475 tokensUpdated yesterday
    Auto-check: notes
  • Clean Jsx No Inline Ternaries

    flornkm/personal-site

    Keep JSX and component logic clean by minimizing inline ternaries, nested conditionals, and stringified conditional classes.

    150 GitHub stars~988 tokensUpdated yesterday
    Auto-check passed
  • Design System

    flornkm/personal-site

    How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the…

    150 GitHub stars~1.6k tokensUpdated yesterday
    Auto-check passed
  • Prefer Container Queries

    flornkm/personal-site

    Enforce Tailwind container queries over viewport breakpoints for responsive components.

    150 GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

Categories

Questions about Improve Animations

What does Improve Animations do?

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Improve Animations is an agent skill from flornkm/personal-site. Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute.

When should I use Improve Animations?

Improve Animations fits situations like: the user asks to improve the animations; audit the motion; make this app feel better; wants a roadmap of animation fixes rather than a review of a single diff.

How do I install Improve Animations in Claude Code?

Run `npx skills add flornkm/personal-site --skill improve-animations -a claude-code`. Or copy the skill folder (.agents/skills/improve-animations in flornkm/personal-site) into .claude/skills/improve-animations in your project. Claude Code loads it when a task matches its description.

How do I install Improve Animations in Codex?

Run `npx skills add flornkm/personal-site --skill improve-animations -a codex`. Or copy the skill folder (.agents/skills/improve-animations in flornkm/personal-site) into .agents/skills/improve-animations in your project. Codex loads it when a task matches its description.

Can I use Improve Animations in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add flornkm/personal-site --skill improve-animations -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/improve-animations, .gemini/skills/improve-animations, .github/skills/improve-animations and .opencode/skills/improve-animations in your project.

What does Improve Animations need to run?

Going by SKILL.md and its folder, Improve Animations needs the command-line tools its instructions call (git).

Does Improve Animations access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Improve Animations safe to install?

Our automated static check of SKILL.md flagged 1 warning(s): contains instruction-override wording (e.g. “without asking the user”). Read the flagged lines before installing; the check is not a guarantee either way.

What licence does Improve Animations use?

No licence was found for Improve Animations or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Improve Animations use?

About 2k tokens (SKILL.md is roughly 7.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Improve Animations?

Skills that share tags, products or a category with Improve Animations: Executing Plans Inline (obra/superpowers, 297k stars), Interview Me (addyosmani/agent-skills, 103k stars), OpenSpec Guided Onboarding (Fission-AI/OpenSpec, 71k stars) and Writing Plans (geeksblabla/stateofdev.ma, 163 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Improve Animations?

flornkm (a GitHub user) maintains it in flornkm/personal-site, which has 150 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 8, 2026.

Source: flornkm/personal-site on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.