DesignMD Directory
TemplatesNEWSkillsDesign MD ExamplesPricingResources
⌕⌘K

DesignMD Directory

Visual references, skills, and source templates for AI coding agents.

♥ Support Itmeo

Products

  • Templates
  • Admin Panel Template
  • SaaS Dashboard Template
  • Design Skills
  • Design MD Examples
  • AI Studio
  • WebGradients
  • Free CSS Gradient Generator
  • Color Palette for Websites

Company

  • About
  • Blog
  • Manifesto
  • Donate

Explore

  • Changelog
  • Vercel Design MD
  • shadcn Design MD
  • GitHub Design MD
  • Design MD examples
  • llms.txt
  • ai.txt
  • Sitemap

Connect

  • Twitter / X
  • GitHub
  • DESIGN.md spec
  • dimabraven.com

© 2016–2026 Itmeo. All rights reserved.

PrivacyTerms

Explore

AllTemplates6Design MD Examples80+Design Skills230Guides16ToolsCLIPricing

For your agent

CursorClaude CodeCodexGoogle Stitch

Browse stack

shadcn/uiNext.jsTailwind CSS

Follow

X / TwitterSoonProduct HuntSoon
AllTemplatesExamplesSkillsGuidesToolsCLIPricing
← All skills
Accessibility and quality/Local 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.8K

Source repository · verified 2026-08-16

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.mdRead install guidance

Related directions

Continue inside DesignMD.

View category
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.

Creator

Written by
Meng To
License
MIT
Repository
agent-skills/codex/optimize-web-animations/SKILL.md