skills.rest
LeonMelamud
LeonMelamudCOMMUNITY
Explore all skills by this author →
Website𝕏@leonmelamudGitHub

web-design-guidelines

Reviews UI code compliance with Web Interface Guidelines for accessibility and design best practices.

Updated Jan 27, 2026
Search Tags:#code quality#accessibility#ui review#design audit#ux#web guidelines
One-click install
npx skills add https://github.com/LeonMelamud/inspector-agents --skill web-design-guidelines-leonmelamud
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/LeonMelamud/inspector-agents/tree/main/.github/skills/web-design-guidelines
Command: npx skills add https://github.com/LeonMelamud/inspector-agents --skill web-design-guidelines-leonmelamud

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall design quality.

Core Features & Use Cases

  • Compliance Review: Audits UI code against a comprehensive set of design and accessibility rules.
  • Automated Fetching: Retrieves the latest guidelines from a specified source URL before each review.
  • Use Case: A developer can use this Skill to automatically check a new component's code against best practices before merging it into the main branch, catching potential issues early.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file 'button.js'.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my front-end code for accessibility and web design compliance?▼

A UI design audit evaluates front-end code against Web Interface Guidelines, checking for accessibility compliance and design best practices. It solves the problem of inconsistent user interfaces by catching quality issues early in the development workflow before code is merged.

How do I audit UI files for accessibility and design best practices?▼

To audit UI files for accessibility, specify the target file or pattern for review. The system automatically fetches the latest Web Interface Guidelines from a configured remote URL and applies them to your code, identifying compliance issues and design best practice violations.

Can I use this to review specific component files like button.js?▼

Yes, you can review specific component files like button.js. The tool applies front-end development workflows to check individual UI components against Web Interface Guidelines, verifying that their code meets required accessibility standards and design best practices.

Do I need a remote URL to fetch web guidelines before reviewing code?▼

Yes, retrieving the latest guidelines from a specified remote URL is required before each review. This automated fetching ensures your UI code is always evaluated against the most current accessibility rules and design best practices available from the source.

Related Skills

Explore More Software Engineering Skills→
patrickhaahrpatrickhaahr

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design quality.

Community
Basic
citywalkicitywalki

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report violations.

Community
Intermediate
CrokilyCrokily
2

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic