Back to skills directory

Keep Focus Visible

New

不要全局 outline:none。键盘用户必须看得到焦点环,自定义样式可以,取消不行。

Keep Focus Visible is an Agent skill for Design. 不要全局 outline:none。键盘用户必须看得到焦点环,自定义样式可以,取消不行。 Tags: 焦点 · 键盘 · WCAG.

DesignAuthor: 编辑整理Visit

What is Keep Focus Visible

Keep Focus Visible packages a Design workflow for agents. 不要全局 outline:none。键盘用户必须看得到焦点环,自定义样式可以,取消不行。

Install Keep Focus Visible in Cursor / Claude / Codex

Claude Code Install with the command on this page, or place the skill in ~/.claude/skills or project .claude/skills so Claude can detect Keep Focus Visible.

Cursor After the install command writes the skill directory, invoke Keep Focus Visible by name in the Cursor agent.

Codex Install into the Codex skills directory and call it by name. If only a generic command is listed, run it locally and confirm Codex can see the skill.

This page has no install command. Check the project home for how to install Keep Focus Visible.

Please visit the Project Home to see installation and usage instructions.

How to Use

Claude Code: Place the skill in ~/.claude/skills (personal) or the project .claude/skills directory, and Claude will auto-detect it.

Cursor / Windsurf: After installing via npx skillsadd, the skill directory is placed in the configured path.

Codex CLI: After installation it loads automatically from the skills directory and is invoked by name.

Tags

焦点键盘WCAG

Similar recommendations

FAQ

What is Keep Focus Visible for?

Keep Focus Visible is a Design skill. 不要全局 outline:none。键盘用户必须看得到焦点环,自定义样式可以,取消不行。

Can Claude, Cursor, and Codex all use Keep Focus Visible?

Yes if the client supports Agent Skills and has loaded the skill directory. Check the project home for compatibility notes.

What similar skills exist?

Related items come from the same Design group so you can pick a closer workflow.