Accessibility and qualityLocal editorial record

Optimize web animations

Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, m

Catalog record

Installable source artifact

This page explains the direction locally, then links to the exact upstream artifact and its verified install command.

What this gives you

A clearer brief for the agent.

Makes inclusive behavior and quality checks part of the visual implementation.

Expected result

A more usable interface with fewer avoidable contrast, focus, and interaction failures.

Use it when

A polished screen also needs to work for more people and more input modes.

Source repository stars

4.9K

Source repository · verified 2026-08-17

Install status

Installable source artifact

optimize-web-animations · Skills CLI

Install this skill with one command.

This exact source artifact can be installed in your project with the Skills CLI.

$npx skills add https://github.com/MengTo/Skills --skill optimize-web-animations

Skill name: optimize-web-animations · installs into the agent directory selected by the CLI.

Open source SKILL.md Read install guidance

Related directions

Continue inside DesignMD.

Full output enforcementOverrides default LLM truncation behavior.Audit reference originalityAudit a website or digital experience against its supplied source references for originality and plagiarism risk.Accessibility auditRun a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust principles.Competitor experience auditAudit the brand, UX, and site design of the leading sites in a vertical as a set of observable cross-site patterns, producing the experience bar a new build must meet or beat.