# M Focus

> Generate focus ring system from the accent color.

- Skill: `dragoon0x/m-focus` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/m-focus`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/m-focus/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-focus

---

# /m-focus — Focus Rings
:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 2px;\n  border-radius: inherit;\n}\n\nAdapt for buttons, inputs, links, cards. Never outline: none without replacement.