skills.rest
mistyhxmistyhxCommunity·1 Agent Skills Included

frontend-design-audit

Audits and fixes front-end usability against 15 design principles

Audits front-end code or live website URLs against 15 established usability principles and rates every issue on a 0-4 severity scale. Produces structured reports with concrete code-level fixes, then implements accessibility, visual hierarchy, and design system improvements automatically. Eliminates guesswork about why users struggle with an interface and replaces vague feedback with prioritized, actionable changes.
77|12
↗
npx skills add mistyhx/frontend-design-audit --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
mistyhxmistyhx

frontend-design-audit

Audit front-end code and live URLs against 15 usability principles.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install frontend-design-audit?▼

Run `npx skills add mistyhx/frontend-design-audit --all -g -y` in your terminal to install the skill globally.

What does frontend-design-audit check?▼

It evaluates your interface against 15 usability principles covering accessibility, visual hierarchy, error handling, navigation, and consistency, then rates each finding on a 0-4 severity scale.

Can it audit a live website by URL?▼

Yes. Pass any URL and it fetches the page HTML to produce a report-only audit covering structure, accessibility attributes, and semantic markup.

Does it fix the issues it finds?▼

Yes. For local projects it implements fixes directly, including CSS design tokens, ARIA attributes, keyboard navigation, and visual hierarchy improvements, then verifies the changes.

Do I need UX experience to use it?▼

No. It explains every finding in plain language, so developers, founders, and product managers can understand why each issue hurts users.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills