This is a structured checklist workflow for running final-pass UI audits before you ship. It covers the stuff that's easy to miss: accessibility violations, keyboard navigation gaps, form validation bugs, loading states, responsive breakpoints, and visual polish issues. The approach is concrete fixes over abstract feedback, which keeps it actionable. From mblode's agent-skills collection with 40 stars and 115 installs. It's passed Gen Agent Trust Hub, Socket, and Snyk security audits. Best used when you need a systematic QA pass rather than exploratory design work. Think of it as your pre-launch sanity check turned into a repeatable agent task.

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

Install

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

Installs into .claude/skills of the current project.

Files

This is a structured checklist workflow for running final-pass UI audits before you ship. It covers the stuff that's easy to miss: accessibility violations, keyboard navigation gaps, form validation bugs, loading states, responsive breakpoints, and visual polish issues. The approach is concrete fixes over abstract feedback, which keeps it actionable. From mblode's agent-skills collection with 40 stars and 115 installs. It's passed Gen Agent Trust Hub, Socket, and Snyk security audits. Best used when you need a systematic QA pass rather than exploratory design work. Think of it as your pre-launch sanity check turned into a repeatable agent task.

Browse the repository on GitHub

Sponsors

Details

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

More from mblode/agent-skills

All 22
1harlan-zw avatarprimevue-skilldharlan-zw/vue-ecosystem-skillsprimevue skilld113skills.sh installs
2shaom avatareditorial-card-screenshotshaom/infocard-skillsGenerate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when th102skills.sh installs
3anthropics avatarPlugin Structureanthropics/claude-codeThis skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plu0skills.sh installs
4cherryhq avatargh-pr-reviewcherryhq/cherry-studioAutomated Cherry Studio code review for local branches, PRs, commits, and files. Use for reviewing code, docs, or pull requests with project-specific checks for0skills.sh installs
5composiohq avatarartifacts-buildercomposiohq/awesome-claude-pluginsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for0skills.sh installs
6countbot-ai avatarweb-designcountbot-ai/countbot网页设计与部署。生成精美的单页 HTML 网页(报告、落地页、数据可视化等),支持一键部署到 Cloudflare Pages。使用 Tailwind CSS + Chart.js + Font Awesome 技术栈。当用户要求制作网页、生成报告页面、创建落地页、数据可视化展示、部署网页到线上时使用。0skills.sh installs