dragoon0x/forge · Archived

forge-focus

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

First seen Apr 16, 2026

Installation

$ npx skills add dragoon0x/forge --skill forge-focus

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from dragoon0x/forge · top by installs.

npx skills add dragoon0x/forge

Browse all from dragoon0x/forge

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1
License LICENSE
Default branch main
Open issues 0
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 557 B
  • docs SUMMARY.md 152 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2 installs

SKILL.md

/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