Skills review-animations
๐Ÿ“ฆ

review-animations

Content revision r2 Safe โš™๏ธ External commands

Review Interface Animations with Precision

Poorly tuned motion makes interfaces feel slow, unstable, or inaccessible. This skill reviews animation code against specific standards and returns prioritized, actionable findings.

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 "review-animations" from https://skillstore.io/skills/emilkowalski-review-animations.md and its manifest at https://skillstore.io/api/skills/emilkowalski-review-animations/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.

Test it

Using "review-animations". Review a dropdown that enters slowly from its center and lacks reduced-motion handling.

Expected outcome:

Block. The findings identify sluggish entry easing, an incorrect transform origin, excessive duration, and missing reduced-motion behavior.

Using "review-animations". Review a toast stack implemented with keyframes and parent-driven style variables.

Expected outcome:

Block. The review prioritizes interruption failures and style recalculation risk, then recommends transitions and direct element transforms.

Using "review-animations". Review a short popover transition with trigger-aware origin and accessible motion settings.

Expected outcome:

Approve. The review confirms responsive timing, correct physical origin, bounded properties, and appropriate reduced-motion behavior.

Security Audit

Safe
v3 โ€ข 7/23/2026 Open versioned report

All 30 static findings are false positives caused by Markdown inline-code spans, documented JavaScript template literals, and ordinary animation terminology. The files provide review guidance and examples without executable commands, reconnaissance behavior, or prompt injection intent.

2
Files scanned
302
Lines analyzed
0
Review items
0
False positives ignored
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 View Audit History โ†’
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-review-animations/audits/3?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

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

HTML badge

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

Embed card

<iframe src="https://skillstore.io/embed/skills/emilkowalski-review-animations.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). review-animations security audit report (audit version 3) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-review-animations/audits/3

BibTeX citation

@techreport{emilkowalski-emilkowalski-review-animations-2026, author = {emilkowalski}, title = {review-animations security audit report (audit version 3)}, institution = {Skillstore}, year = {2026}, number = {3}, url = {https://skillstore.io/skills/emilkowalski-review-animations/audits/3}, 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: "review-animations security audit report (audit version 3)" version: "unspecified" type: report authors: - name: "emilkowalski" date-released: "2026-07-23" url: "https://skillstore.io/skills/emilkowalski-review-animations/audits/3" identifiers: - type: other value: "skillstore:emilkowalski-review-animations:audit:3" description: "Skillstore immutable audit report identifier"

Skillstore Score

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

What You Can Build

Review a feature before merge

Assess a component diff for timing, easing, performance, interruptibility, and accessibility issues before approval.

Standardize product motion

Compare shared components against consistent motion rules and identify conflicting patterns across the interface.

Audit accessible performance

Find layout animation, reduced-motion gaps, hover issues, and gesture behavior that may degrade user experience.

Try These Prompts

Review one animation
Review the animation in [file or snippet]. Identify problems with purpose, easing, duration, and reduced-motion support.
Review a component diff
Review this component diff for motion quality. The interaction occurs [frequency] and is triggered by [input]. Cite each affected file and line.
Audit an interaction flow
Audit motion across [flow]. Check frequency, physical origin, interruption, GPU usage, asymmetric timing, hover gating, and reduced-motion behavior.
Evaluate a motion system
Evaluate this motion system against the full standards reference. Prioritize regressions, propose exact documented values, and finish with a block or approve decision.

Best Practices

  • Provide the changed files, relevant lines, and surrounding component context.
  • State interaction frequency, trigger type, and intended product personality.
  • Include reduced-motion branches, gesture states, and performance-sensitive conditions.

Avoid

  • Do not request a general code review unrelated to animation or motion.
  • Do not provide isolated timing values without the component and interaction context.
  • Do not assume every interface element should animate or share identical motion.

Frequently Asked Questions

What code does this skill review?
It reviews CSS, JavaScript, and component motion patterns that affect interface animation behavior.
Does it fix the code automatically?
It proposes specific changes and documented values, but its primary task is review.
Does it review general application logic?
No. It focuses on animation and motion code, not unrelated correctness or architecture.
How does it address accessibility?
It checks reduced-motion behavior and ensures hover motion targets devices with suitable pointer capabilities.
Can it assess performance risks?
Yes. It flags layout animation, style recalculation patterns, and motion likely to burden the main thread.
What information improves the review?
Provide the diff, file context, trigger method, usage frequency, target devices, and product motion goals.

Developer Details

License

MIT

Skillstore revision

r2

Version notice

The author did not declare a version.

Ref

c43861a65bb95efcae259cd161c9d6f4dc7eec6f

Maintenance freshness

7/25/2026

Usage

1 downloads ยท 0 views

File structure

๐Ÿ“„ SKILL.md

๐Ÿ“„ STANDARDS.md