# M Shadows

> Generate a brand-tinted shadow elevation system. 5 levels from sm to 2xl using the brand hue.

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

---

# /m-shadows — Shadow System
Extract brand hue. Generate 5 elevations:\n- sm: 0 1px 2px (subtle card edge)\n- md: layered 2px + 6px (standard card)\n- lg: layered 6px + 20px (dropdown)\n- xl: layered 14px + 40px (modal)\n- 2xl: layered 24px + 56px (hero)\n\nAll shadows use hsla(brandHue, 18%, 18%, opacity) — not generic gray.