Not in the top 1,000 by GitHub stars

delphi-ai/animate-skill

Claude Code skill for Next.js/React animations based on Emil Kowalski's course

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Local scripts → After Local scripts

71bc617e7000 → 71bc617e7000

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Local scripts

First observation → 71bc617e7000

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 71bc617e7000e69b679549f13ea132e696420d6c

156GitHub stars
8stars in 7 days
1skill in this repository
0commits in 30 days

Heat

3.8
  • Star growth, last 7 daysNot available
  • Star growth, last 24 hoursNot available
  • Rank movement, last 7 daysNot available
  • Commits, last 30 daysNot available
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Oct 25, 2026Nov 6, 2026156

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

animate

When your agent uses it

Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.

What it loads into context

Frontmatter

58 tokens

Always available to the agent

SKILL.md

1,392 tokens

When the skill is activated

Reference documents

5,756 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. Overview
  2. Quick Reference
  3. Common Animation Patterns
  4. Golden Rules
  5. Examples
  6. References
  7. When to Use What
  8. Dependencies

Scripts executed separately

  • examples/animate-height.tsx
  • examples/app-store-card.tsx
  • examples/card-hover.tsx
  • examples/feedback-popover.tsx
  • examples/multi-step-flow.tsx
  • examples/shared-layout.tsx
  • examples/text-reveal.tsx
  • examples/toast-stacking.tsx

Files

  • README.mddoc1,379 bytes
  • SKILL.mdcore5,340 bytes
  • SKILL.mdcore5,340 bytes
  • examples/animate-height.tsxruns1,876 bytes
  • examples/app-store-card.tsxruns4,336 bytes
  • examples/card-hover.tsxruns1,911 bytes
  • examples/feedback-popover.tsxruns3,882 bytes
  • examples/multi-step-flow.tsxruns3,486 bytes
  • examples/shared-layout.tsxruns1,362 bytes
  • examples/text-reveal.tsxruns1,549 bytes
  • examples/toast-stacking.tsxruns2,207 bytes
  • references/css-animations.mddoc5,114 bytes
  • references/easing-and-timing.mddoc3,141 bytes
  • references/framer-motion.mddoc7,486 bytes
  • references/performance-accessibility.mddoc4,650 bytes

No excerpt is shown for this license. Read the source on GitHub.

View the complete source on GitHub

Skills included

  • animate

Repository facts

License
No license detected
Created
Jan 28, 2026
Last pushed
Jan 28, 2026
Forks
13
Open issues
0
Project activity
Slowing

Before you install

Local scripts

Automated signals, not a guarantee

Checked Nov 7, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 1 note
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
Show all 9 signals by file

README.md

  • Network accessline 8
    npx skills add https://github.com/delphi-ai/animate-skill --skill animate

examples/animate-height.tsx

  • Executable scriptline 1
    Executable file

examples/app-store-card.tsx

  • Executable scriptline 1
    Executable file

examples/card-hover.tsx

  • Executable scriptline 1
    Executable file

examples/feedback-popover.tsx

  • Executable scriptline 1
    Executable file

examples/multi-step-flow.tsx

  • Executable scriptline 1
    Executable file

examples/shared-layout.tsx

  • Executable scriptline 1
    Executable file

examples/text-reveal.tsx

  • Executable scriptline 1
    Executable file

examples/toast-stacking.tsx

  • Executable scriptline 1
    Executable file

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Signal confidence: 9 facts

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.