How do I install the Transition skill?

Run npx skillmds@latest add dragoon0x/transition-3 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Transition safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Transition?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Transition free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Transition?

dragoon0x (@dragoon0x) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Transition

Name: Transition
Author: dragoon0x

Audit and improve CSS transition declarations. Replace generic easing with intentional curves. Ensure consistent durations.

dragoon0x Updated Sep 21, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add dragoon0x/transition-3

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/dragoon0x/transition-3.svg)](https://skillmd.com/skills/dragoon0x/transition-3)

Trust & safety

Audits pending

Not yet audited · commit a2d4674

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

/transition — Transition Tuning

Review all transition declarations:

Replace 'ease' with contextual cubic-bezier curves
Standardize durations (hover: 200ms, state change: 300ms, layout: 400ms)
Ensure all interactive properties are transitioned
Remove transitions on non-interactive elements
Add will-change hints for frequently animated properties

Provide before/after for each change.

dragoon0x/optik/tree/main/.codex/prompts/transition commit a2d4674a87

Frequently asked questions

npx skillmds@latest add dragoon0x/transition-3