Skills animate
📦

animate

Content revision r1 Safe ⚙️ External commands🌐 Network access

Build Purposeful Interface Animations

Interface motion often feels slow, distracting, or inaccessible when timing and tools are chosen without a clear process. This skill produces focused implementations with proven animation recipes.

Supports: Claude Codex Code(CC)
🥉 77 Bronze

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request
Review the Skillstore skill "animate" from https://skillstore.io/skills/emilkowalski-animate.md and its manifest at https://skillstore.io/api/skills/emilkowalski-animate/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/emilkowalski-animate.md Signed manifest GET /api/skills/emilkowalski-animate/manifest Signed lockfile GET /api/skills/emilkowalski-animate/lockfile

Test it

Using "animate". Add animation when a settings popover opens and closes.

Expected outcome:

A 200 millisecond opacity and scale transition uses the existing ease-out token, trigger-based origin, symmetric exit, and reduced-motion fallback.

Using "animate". Animate a command palette opened hundreds of times each day.

Expected outcome:

No animation is added because the interaction is frequent and keyboard initiated. The palette changes state immediately.

Using "animate". Create drag-to-dismiss motion for a mobile sheet.

Expected outcome:

The sheet tracks direct transforms, uses velocity and distance thresholds, captures the pointer, resists over-drag, and settles with a spring.

Security Audit

Safe
v1 • 8/8/2026 Open versioned report

All 47 static findings are false positives caused by Markdown backticks, code fences, animation syntax, ordinary prose, and documentation links. The reviewed files contain no command execution, reconnaissance, network requests, data exfiltration, or prompt-injection attempt.

2
Files scanned
525
Lines analyzed
0
Review items
0
False positives ignored

Risk Factors

⚙️ External commands (42)
RECIPES.md:274-275 SKILL.md:8 SKILL.md:12 SKILL.md:17 SKILL.md:24 SKILL.md:25 SKILL.md:66 SKILL.md:68 SKILL.md:69 SKILL.md:71 SKILL.md:73 SKILL.md:77 SKILL.md:78 SKILL.md:79 SKILL.md:80 SKILL.md:81 SKILL.md:83-86 SKILL.md:86-88 SKILL.md:88-96 SKILL.md:96-97 SKILL.md:97-98 SKILL.md:98-99 SKILL.md:99-100 SKILL.md:100-102 SKILL.md:102 SKILL.md:106-110 SKILL.md:110-128 SKILL.md:128-131 SKILL.md:131-146 SKILL.md:146-154 SKILL.md:154-156 SKILL.md:156-159 SKILL.md:159-169 SKILL.md:169-173 SKILL.md:173-174 SKILL.md:174 SKILL.md:175 SKILL.md:176 SKILL.md:179 SKILL.md:181 SKILL.md:182 SKILL.md:183
🌐 Network access (1)
SKILL.md:112
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: codex
Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report
Security Assessment

Copy report link

https://skillstore.io/skills/emilkowalski-animate/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-animate/security.svg)](https://skillstore.io/skills/emilkowalski-animate?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/emilkowalski-animate?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-animate/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/emilkowalski-animate.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Academic citations (APA · BibTeX · CFF)

APA citation

emilkowalski. (2026). animate security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-animate/audits/1

BibTeX citation

@techreport{emilkowalski-emilkowalski-animate-2026, author = {emilkowalski}, title = {animate security audit report (audit version 1)}, institution = {Skillstore}, year = {2026}, number = {1}, url = {https://skillstore.io/skills/emilkowalski-animate/audits/1}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "animate security audit report (audit version 1)" version: "unspecified" type: report authors: - name: "emilkowalski" date-released: "2026-08-08" url: "https://skillstore.io/skills/emilkowalski-animate/audits/1" identifiers: - type: other value: "skillstore:emilkowalski-animate:audit:1" description: "Skillstore immutable audit report identifier"

Compare variants

2 installable variants

Each author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.

Why this variant is first

Highest Skillstore Score
pbakaus Recommended

pbakaus-animate

Skillstore Score 78
Evidence Confidence High
Skillstore usage 18
Updated

2026-08-21

emilkowalski Current

emilkowalski-animate

Skillstore Score 77
Evidence Confidence Medium
Skillstore usage 2
Updated

2026-08-21

Skillstore Score

Why this score Evidence Confidence: Medium
55
Architecture
85
Maintainability
87
Content
65
Community
83
Spec Compliance

What You Can Build

Add Responsive Product Motion

Create subtle feedback, entrances, and state transitions that keep daily workflows responsive.

Translate Motion Specs

Convert interaction intent into implementation choices with explicit properties, curves, durations, and accessibility behavior.

Prototype Gesture Interactions

Build interruptible drag, dismissal, drawer, and spring behavior from practical recipes.

Try These Prompts

Animate a Simple State Change 
Add appropriate motion to this button state change. Choose the tool, properties, easing, duration, and reduced-motion behavior.
Build a Component Entrance 
Implement the entrance and exit motion for this popover. Preserve accessibility and existing design tokens. Explain the animation gate result briefly.
Create an Interruptible Gesture 
Build drag-to-dismiss behavior for this panel. Include velocity handling, pointer capture, boundary damping, multi-touch protection, and reduced motion.
Design a Motion System Extension 
Add motion to this workflow without creating parallel tokens. Select the cheapest suitable tools and implement every accepted transition with accessibility variants.

Best Practices

  • State the animation purpose before selecting tools, timing, or visual properties.
  • Reuse existing motion tokens and prefer transform and opacity for smooth rendering.
  • Test interruption, reduced motion, touch behavior, and perceived timing on real devices.

Avoid

  • Do not animate frequent keyboard actions or functional data without a clear user benefit.
  • Do not install a motion library when a CSS transition meets the requirements.
  • Do not ship broad transition declarations, ungated hover motion, or missing reduced-motion behavior.

Frequently Asked Questions

Does this skill decide when motion is unnecessary?
Yes. It can reject animation for frequent actions, keyboard workflows, or motion without a clear purpose.
Which animation tools can it use?
It can choose CSS transitions, CSS animations, the Web Animations API, or Motion.
Does it support reduced-motion preferences?
Yes. Each implementation should include a gentler variant that removes unnecessary movement while preserving useful state feedback.
Can it build accessible dropdowns or dialogs from scratch?
No. It recommends an appropriate component library when focus management and interaction semantics are required.
Can it review existing animations?
This skill focuses on construction. A dedicated review or codebase audit skill is more suitable for existing motion.
Will every animation be fully tuned from code alone?
No. Crossfades, spring response, and gesture feel may require playback, device testing, and human evaluation.

Developer Details

License

MIT

Skillstore revision

r1

Version notice

The author did not declare a version.

Repository

https://github.com/emilkowalski/skills/tree/de33dbed000212b54400a33767d1e4d03654db2a/skills/animate

Ref

17e49992c9f55842f934ecec5719e4745ba7b95a

Maintenance freshness

8/9/2026

Usage

0 downloads · 0 views

File structure

📄 RECIPES.md

📄 SKILL.md