# M Transition

> Audit and improve CSS transition declarations. Replace generic easing with intentional curves.

- Skill: `dragoon0x/m-transition` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/m-transition`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/m-transition/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/m-transition

---

# /m-transition — Transition Tuning
Review all transitions:\n1. Replace 'ease' with contextual cubic-bezier\n2. Standardize durations (hover: 200ms, state: 300ms, layout: 400ms)\n3. Ensure all interactive properties transitioned\n4. Add will-change hints for frequently animated properties