focus-states

Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keyboard navigation indicators, or fixing focus ring visibility issues.

by dylantarre· Repository·design

Run in AgentArea Browse All Skills

Also installable via skills CLI

npx skills add dylantarre/design-system-skills/skills/accessibility/focus-states

Source

Repo:SkillsMP + GitHub Raw

Path:skills/accessibility/focus-states(main)

Related in design

add-uint-support

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16,...

skill-writer

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill...

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web...