Keep Focus Visible
新不要全局 outline:none。键盘用户必须看得到焦点环，自定义样式可以，取消不行。
Keep Focus Visible是设计方向的 Agent 技能。不要全局 outline:none。键盘用户必须看得到焦点环，自定义样式可以，取消不行。相关标签：焦点 · 键盘 · WCAG。
Keep Focus Visible是什么
Keep Focus Visible把设计相关工作流打包给 Agent 复用。不要全局 outline:none。键盘用户必须看得到焦点环，自定义样式可以，取消不行。
如何在 Cursor / Claude / Codex 中安装 Keep Focus Visible
Claude Code 按本页命令安装，或将技能放到 ~/.claude/skills 或项目 .claude/skills，Claude 会识别 Keep Focus Visible。
Cursor 用本页安装命令写入技能目录后，在 Cursor Agent 中按技能名调用 Keep Focus Visible。
Codex 安装到 Codex 技能目录后按名称调用。若本页只有通用命令，先在本机执行，再确认 Codex 能读到该技能。
本页没有收录安装命令。请到项目主页查看 Keep Focus Visible 的安装方式。
请访问 项目主页 查看安装与使用说明。
如何使用
Claude Code： 将技能放入 ~/.claude/skills（个人）或项目 .claude/skills 目录，Claude 会自动识别。
Cursor / Windsurf： 通过 npx skillsadd 安装后，技能目录会被放入配置路径。
Codex CLI： 安装后在技能目录中自动加载，通过名称调用。
标签
同类推荐
Brand Guidelines
Anthropic 官方品牌规范技能，根据品牌色板、字体、Logo 与视觉语言生成符合设计规范的页面与素材。
Canvas Design
Anthropic 官方画布设计技能，使用 HTML5 Canvas API 绘制图表、插画与交互式可视化，适合数据呈现与创意表达。
Frontend Design
前端设计技能，结合现代 CSS、Tailwind 与组件库，打造兼具美观与可用性的界面，注重响应式与无障碍。
Visual Design
视觉设计指导技能，涵盖配色理论、排版层级、间距系统与视觉一致性原则，帮助 Agent 输出专业级界面。
Web Design Guidelines
Web 设计规范技能，汇总现代网页设计最佳实践，涵盖布局栅格、交互反馈、加载体验与移动端适配。
Design an Interface
界面设计工作流技能，从需求拆解到线框图、高保真原型与组件拆分，完整覆盖交互界面设计全流程。
常见问题
Keep Focus Visible做什么用？
Keep Focus Visible属于设计技能。不要全局 outline:none。键盘用户必须看得到焦点环，自定义样式可以，取消不行。
Claude、Cursor、Codex 都能用 Keep Focus Visible 吗？
只要客户端支持 Agent Skills 格式并加载了该技能目录，就可以调用 Keep Focus Visible。以项目主页的兼容说明为准。
还有哪些同类技能？
相关推荐来自同一设计分类，便于挑选更贴近你工作流的技能。