skills.rest
Gitnapp
GitnappCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Reviews web interfaces for design guideline compliance and accessibility issues.

Updated Feb 21, 2026
Search Tags:#accessibility#frontend#ui review#web design#design guidelines#ux audit
One-click install
npx skills add https://github.com/Gitnapp/Skills --skill web-design-guidelines-gitnapp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Gitnapp/Skills/tree/main/creative/web-design-guidelines
Command: npx skills add https://github.com/Gitnapp/Skills --skill web-design-guidelines-gitnapp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers and developers identify UI quality issues by reviewing web interfaces against established accessibility, usability, and design best practices.

Core Features & Use Cases

  • UI Compliance Review: Analyze web interface code for alignment with Web Interface Guidelines and recommended patterns.
  • Accessibility and UX Auditing: Detect potential usability, interaction, and accessibility concerns in websites and applications.
  • Use Case: Review a set of frontend files before launch to find design inconsistencies and improvement opportunities using current interface standards.

Quick Start

Ask the web-design-guidelines skill to review my website files for accessibility and UX issues.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my website for accessibility and UX issues?▼

To audit a website for accessibility and UX issues, provide your frontend files for review against current web interface guidelines, which identifies usability concerns and structured improvement opportunities before launch.

What is a UI compliance review for frontend code?▼

A UI compliance review analyzes frontend code to check alignment with established web design guidelines, detecting interaction problems and accessibility concerns based on modern web interface standards.

Can I review frontend files for design inconsistencies before launch?▼

Yes, you can review frontend files before launch to find design inconsistencies by evaluating the code against current interface standards and recommended interaction patterns.

Does a UX audit detect usability concerns in web applications?▼

A UX audit detects usability concerns in web applications by analyzing specified files against recommended patterns and modern web standards, producing structured findings for improvement.

How do I check if my web interface meets modern design guidelines?▼

Checking if a web interface meets modern design guidelines involves fetching current guideline rules and analyzing your specified files to produce structured findings on compliance and accessibility.

What do I need to provide for a web interface design review?▼

For a web interface design review, you need to provide the specific frontend files you want evaluated, which are then analyzed against fetched current guideline rules to identify usability issues.

Related Skills

Explore More Design & Creative Skills→
ag47-ptag47-pt
1

web-design-guidelines

Review web interface code for accessibility, usability, and design guideline violations.

Community
Intermediate
mastepanoskimastepanoski
44

nielsen-heuristics-audit

Audit interfaces against Nielsen's 10 usability heuristics and report ranked fixes.

Community
Advanced
NolanPicNolanPic

Frontend Accessibility

Enforce WCAG compliance in frontend UI code with semantic HTML and ARIA.

Community
Basic
veerababumanyamveerababumanyam

accessibility

Validate UI components against WCAG 2.1 AA accessibility standards.

Community
Basic