agentsclimarketplace

Frontend ui accessibility

Skill charlieviettq/awesome-agent-skill/.cursor/skills/frontend-engineering/frontend-ui-accessibility

Curated skill pack for LLM agents in engineer and science workflow (Cursor & Claude ready).

Install
npx -y skills add charlieviettq/awesome-agent-skill --skill frontend-ui-accessibility

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 22 stars22 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Build accessible UI—semantic HTML, keyboard support, ARIA when needed, WCAG-oriented checks. Use when implementing or reviewing web UI, forms, modals, and design systems. Triggers: "accessibility", "a11y", "WCAG", "keyboard nav", "screen reader".

SKILL.md

1.4 KB, as published. Nobody here has run it

Frontend UI and accessibility

Defaults

  • Semantic HTML first; ARIA only when native semantics insufficient
  • Keyboard-operable for every interactive control
  • Visible focus states; do not remove outlines without replacement
  • Color contrast and non-color-only status cues

Build checklist

  • Heading hierarchy (h1 once per view where applicable)
  • Labels tied to inputs (label/for or aria-labelledby)
  • Buttons vs links used correctly
  • Modals: focus trap, Escape, return focus on close
  • Images: meaningful alt or decorative alt=""
  • Dynamic updates: aria-live when needed

Review checklist

  • Tab order logical; no keyboard traps
  • Touch targets adequate on mobile
  • Motion respects prefers-reduced-motion
  • Forms: errors associated with fields

Performance interaction

Avoid layout thrash; lazy-load below fold; measure LCP/CLS when shipping UI.

Related

  • reference.md — WCAG-oriented checklist
  • performance/performance-optimization — web vitals
  • gstack/design-review — visual polish (complementary)

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.