New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Review Animations

by flornkm in flornkm/personal-site

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

No licenceAuto-check passed

Install Review Animations

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

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

GitHub CLI
$ gh skill install flornkm/personal-site review-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/review-animations .claude/skills/review-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
review-animations
GitHub stars
151
Used in
14 other repos
Token cost
~2k tokens
SKILL.md length
992 words
Files
2
Skills in repo
14
Repo updated
First seen
Licence
None found

At a glance

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

  • Works in 10 steps: Justified motion. Every animation must… → Frequency-appropriate. Match motion to… → Responsive easing. Entering/exiting… → …
  • SKILL.md covers Operating Posture, The Ten Non-Negotiable Standards, Aggressive Escalation Triggers and Remedial Preference Hierarchy, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Review Animations is an agent skill from flornkm/personal-site. Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `STANDARDS.md`).

Example prompts

  • “Use the review-animations skill to review animation and motion code against a high craft bar derived from Emil Kowalski's design engineering…”
  • “/review-animations”

Workflow steps

10 steps, taken from the first numbered list in SKILL.md.

  1. Justified motion. Every animation must answer "why does this animate?" — spatial consistency, state indication, feedback, explanation, or…
  2. Frequency-appropriate. Match motion to how often it's seen. Keyboard-initiated and 100+/day actions get no animation. Tens/day gets…
  3. Responsive easing. Entering/exiting elements use ease-out or a strong custom curve. ease-in on UI is a block — it delays the moment the…
  4. Sub-300ms UI. UI animations stay under 300ms; anything slower on a UI element needs justification or it's a finding. Per-element budgets…
  5. Origin & physical correctness. Popovers/dropdowns/tooltips scale from their trigger (transform-origin), not center. Never animate from…
  6. Interruptibility. Rapidly-triggered or gesture-driven motion (toasts, toggles, drags) must be interruptible — CSS transitions or springs…
  7. GPU-only properties. Animate transform and opacity only. Animating width/height/margin/padding/top/left (or Framer Motion x/y/scale…
  8. Accessibility. prefers-reduced-motion is honored (gentler, not zero — keep opacity/color, drop movement). Hover animations are gated…
  9. Asymmetric enter/exit. Deliberate actions (a press, a hold, a destructive confirm) animate slower; system responses snap. Symmetric timing…
  10. Cohesion. Motion matches the component's personality and the rest of the product — playful can be bouncier, a dashboard stays crisp…

What it can do on your machine

Read from SKILL.md and the folder at commit e096b60. 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

    No scripts in the folder and no shell commands in SKILL.md.

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

  • Network

    No URLs in SKILL.md.

    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

Review Animations loads about 2k tokens when it runs. Until then it costs about 44 tokens; SKILL.md has 992 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~44
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 passed

The automated check found no risky patterns in SKILL.md.

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 992 words (~2,013 tokens).

“A specialized review skill. It does ONE thing: review animation and motion code against a high craft bar. It does not write features, fix unrelated bugs, or review non-motion code. If asked to review general code, decline and point to…”

— opening of SKILL.md by flornkm
name
review-animations
disable-model-invocation
true

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in .agents/skills/review-animations of flornkm/personal-site.

  • SKILL.md
  • STANDARDS.md

Open the folder on GitHubat commit e096b60

Used in 14 other repositories

We found 19 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 14 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

Review 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.

Review Animations compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Review Animations this skillflornkm/personal-site15114 repos~2kAutomated safety check: PassNone
Emilkowalski Motionnexu-io/open-design100k—~644Automated safety check: PassApache-2.0
HyperFrames Animationheygen-com/hyperframes60k3 repos~2.1kAutomated safety check: PassApache-2.0
HyperFrames Motion Doctrineheygen-com/hyperframes60k1 repos~3kAutomated safety check: PassApache-2.0
Review Animationssickn33/agentic-awesome-skills47k1 repos~2.3kAutomated safety check: PassMIT
Motion Patternsaffaan-m/ECC277k1 repos~3.3kAutomated safety check: PassMIT

Similar skills

  • Emilkowalski Motion

    nexu-io/open-design

    Motion-design follow-up skill inspired by Emil Kowalski's animation guidance.

    100k GitHub stars~644 tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • HyperFrames Animation

    heygen-com/hyperframes

    Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

    60k GitHub starsUsed in 3 repos~2.1k tokens
    Media & CreativeAuto-check passed

  • HyperFrames Motion Doctrine

    heygen-com/hyperframes

    Sets the motion rules for HyperFrames videos so scenes read as one continuous camera move, covering exit-to-entry vectors, seams, idle motion and sustained motion.

    60k GitHub starsUsed in 1 repo~3k tokens
    Media & CreativeAuto-check passed

  • Review Animations

    sickn33/agentic-awesome-skills

    A skill your agent uses when reviewing animation and motion code against a strict craft, performance, accessibility, and interaction-quality bar.

    47k GitHub starsUsed in 1 repo~2.3k tokens
    Frontend & DesignAuto-check passed

  • Motion Patterns

    affaan-m/ECC

    Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.

    277k GitHub starsUsed in 1 repo~3.3k tokens
    Auto-check passed

  • Framer Motion

    calesthio/OpenMontage

    A skill your agent uses when implementing Disney's 12 animation principles with Framer Motion in React applications

    66k GitHub stars~821 tokensUpdated 7 days ago
    Frontend & DesignAuto-check passed

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" →…

    151 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.

    151 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.

    151 GitHub stars~475 tokensUpdated today
    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.

    151 GitHub stars~988 tokensUpdated today
    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…

    151 GitHub stars~1.6k tokensUpdated today
    Auto-check passed

  • Prefer Container Queries

    flornkm/personal-site

    Enforce Tailwind container queries over viewport breakpoints for responsive components.

    151 GitHub stars~1.1k tokensUpdated today
    Auto-check passed

Questions about Review Animations

What does Review Animations do?

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Review Animations is an agent skill from flornkm/personal-site. Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

How do I install Review Animations in Claude Code?

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

How do I install Review Animations in Codex?

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

Can I use Review 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 review-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/review-animations, .gemini/skills/review-animations, .github/skills/review-animations and .opencode/skills/review-animations in your project.

What does Review Animations need to run?

SKILL.md names no scripts, command-line tools or credentials: Review Animations is instructions for the agent only.

Does Review Animations access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Review Animations safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Review Animations use?

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

How many tokens does Review Animations use?

About 2k tokens (SKILL.md is roughly 8.1k 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 Review Animations?

Skills that share tags, products or a category with Review Animations: Emilkowalski Motion (nexu-io/open-design, 100k stars), HyperFrames Animation (heygen-com/hyperframes, 60k stars), HyperFrames Motion Doctrine (heygen-com/hyperframes, 60k stars) and Review Animations (sickn33/agentic-awesome-skills, 47k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Review Animations?

flornkm (a GitHub user) maintains it in flornkm/personal-site, which has 151 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 10, 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.