A structured frontend QA pass that runs through accessibility, keyboard navigation, forms, performance, and microcopy before you ship. It works from a prioritized checklist starting with critical a11y issues, then keyboard traps and form validation, before moving to typography and visual polish. The workflow is scoped by default to changed surfaces only, loads rule files on demand by category prefix, and outputs findings grouped by file with concrete fixes and line numbers. Useful when you're asking "is this accessible" or need a pre-merge audit without reinventing your own mental checklist every time. It won't audit what you didn't touch unless you explicitly ask for a full sweep, and it enforces priority order so you fix semantic HTML before tweaking letter spacing.

skills.sh installs
733
GitHub stars
191
last updated
Aug 21, 2026

Install

$ npx -y skills add mblode/agent-skills --skill ui-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

A structured frontend QA pass that runs through accessibility, keyboard navigation, forms, performance, and microcopy before you ship. It works from a prioritized checklist starting with critical a11y issues, then keyboard traps and form validation, before moving to typography and visual polish. The workflow is scoped by default to changed surfaces only, loads rule files on demand by category prefix, and outputs findings grouped by file with concrete fixes and line numbers. Useful when you're asking "is this accessible" or need a pre-merge audit without reinventing your own mental checklist every time. It won't audit what you didn't touch unless you explicitly ask for a full sweep, and it enforces priority order so you fix semantic HTML before tweaking letter spacing.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/mblode/agent-skills
Categories
Frontend Development, Testing & QA, Git & Pull Requests, Code Review & Quality, AI & Agent Building, Release Management, Debugging, Marketing & SEO, Design & UI/UX
First seen
Jun 3, 2026

More from mblode/agent-skills

All 22
1pproenca avatarshadcnpproenca/dot-skillsshadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, reviewing, or refactoring shadcn/ui compon732skills.sh installs
2bbeierle12 avatargsap-reactbbeierle12/skill-mcp-claudeGSAP integration with React including useGSAP hook, ref handling, cleanup patterns, and context management. Use when implementing GSAP animations in React compo727skills.sh installs
3storybookjs avatarwriting-react-native-storybook-storiesstorybookjs/react-nativeCreate and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native component715skills.sh installs
4binjuhor avatarfrontend-design-probinjuhor/shadcn-larCreates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-ge708skills.sh installs
5syncfusion avatarsyncfusion-react-data-managersyncfusion/react-ui-components-skillsImplements Syncfusion DataManager for local/remote binding, CRUD, querying, caching, and middleware. Supports JsonAdaptor, ODataAdaptor, ODataV4Adaptor, UrlAdap702skills.sh installs
6syncfusion avatarsyncfusion-react-buttonssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React button components including Button, ButtonGroup, DropDownButton, Floating Action Button, ProgressButton, S701skills.sh installs