skills.rest
mhfed
mhfedCOMMUNITY
Explore all skills by this author →
Website𝕏@mhfedevGitHub

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Updated Nov 1, 2025
Search Tags:#accessibility#frontend#design system#ui review#ux audit#web guidelines
One-click install
npx skills add https://github.com/mhfed/portfolio-2025 --skill web-design-guidelines-mhfed
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mhfed/portfolio-2025/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mhfed/portfolio-2025 --skill web-design-guidelines-mhfed

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you review user interfaces for compliance with modern web interface guidelines, reducing accessibility, usability, and design quality issues before they reach production.

Core Features & Use Cases

  • UI Review: Check a site, page, or component for alignment with web interface best practices.
  • Accessibility and UX Audit: Identify issues related to interaction patterns, readability, responsiveness, and overall user experience.
  • Guideline-Based Findings: Produce terse, file-specific review output that is easy to act on during design or engineering workflows.

Quick Start

Review the provided UI files against the latest web interface guidelines and return only findings in terse file:line format.

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 UI code for accessibility and usability issues?▼

To audit UI code for accessibility and usability issues, you review frontend implementation against web interface guidelines to identify compliance gaps and design defects. This process yields terse, file-level findings.

What is a web interface guideline compliance review?▼

A web interface guideline compliance review checks static or dynamic product pages and components against modern best practices to identify accessibility, interaction, and readability issues before production deployment.

Can I use this to review design systems and frontend components?▼

Yes, you can review design systems and frontend components. The audit applies to static or dynamic web interfaces, evaluating interaction patterns and responsiveness across individual components and full product pages.

How do I check my web page for UX and design system issues?▼

You check your web page for UX and design system issues by fetching the latest external guideline source and reviewing the UI code. The output provides terse file:line findings for engineering workflows.

Does a UI review require fetching external guideline sources?▼

Yes, a UI review requires fetching the latest external guideline sources to ensure the accessibility and usability audit evaluates your frontend implementation against current web best practices.

Related Skills

Explore More Design & Creative Skills→
SiddharthChillaleSiddharthChillale

web-design-guidelines

Reviews frontend code against web interface guidelines and accessibility standards.

Community
Intermediate
vh2224vh2224
1

web-design-guidelines

Review UI code against web interface guidelines and report issues in file-line format.

Community
Basic
alexzuoshalexzuosh

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance and accessibility.

Community
Basic
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate