# Forge Focus

> Generate a focus ring system using your system's accent color. Creates consistent :focus-visible styles for all interactive elements.

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

---


# /forge-focus — Focus Ring System

Generate focus styles from your accent token:

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: inherit;
}

Adapt for:
- Buttons: ring follows button radius
- Inputs: ring follows input radius
- Links: underline offset instead of ring (optional)
- Cards: ring follows card radius