How do I install the Transition skill?

Run npx skillmds@latest add dragoon0x/transition 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 a4ef278 569 B Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add dragoon0x/transition

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

Download SKILL.md

＋ Add to collection

README badge

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

Trust & safety

Audits pending

Not yet audited · commit a4ef278

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/source/skills/transition commit a4ef27878b

Frequently asked questions

npx skillmds@latest add dragoon0x/transition