Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/2233admin/design-pipelineWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/plugins/2233admin/design-pipeline/web-animation-skills)<a href="https://agentmods.dev/plugins/2233admin/design-pipeline/web-animation-skills"><img src="https://agentmods.dev/badge/plugins/2233admin/design-pipeline/web-animation-skills/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/plugins/2233admin/design-pipeline/web-animation-skills"><img src="https://agentmods.dev/badge/plugins/2233admin/design-pipeline/web-animation-skills.svg" alt="Reviewed on agentmods" width="80" height="20"></a>Grade A, and why
web-animation-skills scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
This is a copy
100% identical to web-animation-skills — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
What it actually says
{
"name": "web-animation-skills",
"version": "0.1.0",
"description": "Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.",
"author": {
"name": "iart.ai",
"url": "https://iart.ai"
},
"homepage": "https://iart.ai",
"repository": "https://github.com/iart-ai/web-animation-skills",
"license": "MIT",
"keywords": [
"web-animation",
"gsap",
"glassmorphism",
"svg-animation",
"lottie",
"micro-interactions",
"css-animation",
"page-transitions",
"accessibility",
"claude-skill"
]
}
What it installs
The manifest is a name and a version. 9 skills travel with it, and installing the plugin installs all of them — 949 tokens a session between them. Each is measured on its own page, and each can be installed alone.
- Skill accessible-animation A 98 tokens
- Skill glassmorphism A 122 tokens
- Skill gsap-web A 146 tokens
- Skill page-transition-animation A 106 tokens
- Skill 60fps-animation A 79 tokens
- Skill ascii-animation A 98 tokens
- Skill lottie-animation A 107 tokens
- Skill micro-interaction A 91 tokens
- Skill svg-animation A 102 tokens
What ships with it
1 file beside plugin.json in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 25 lines scan A 9a6b722de303
web-animation-skills is a plugin published in the GitHub repository 2233admin/design-pipeline (9 stars, last pushed 6d ago), licensed MIT. Its token cost is not measured: this kind of file is read by the harness, not the model. A static security scan graded it A with 0 findings. It is 100% identical to web-animation-skills, differing in 0 lines, and is treated as a copy.
Other plugins, from other repositories
uisandbox
Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.
ui-design
Craft polished user interfaces with layout grids, color systems, typography scales, responsive patterns, and visual hierarchy.
fluid
6 skills, 108 palettes, 53 styles, 14 layouts, a 29-rule detector, and one house motion language. The opposite of generic AI slop.
sheleg-design
SHELEG Design methodology: cinematic scroll-driven landing pages (single scroll clock, layered degrade-to-calm motion, WebGL particle formations), a motion doctrine that decides whether to animate before it decides how, and thirty-nine pluggable visual style packs, each with a ready-made token layer …
designlang
Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies …
nextjs
Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.