skills.rest
itsmichaelwest
itsmichaelwestCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

1|1|Updated Mar 7, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/itsmichaelwest/agent-kit --skill web-design-guidelines-itsmichaelwest
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/itsmichaelwest/agent-kit/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/itsmichaelwest/agent-kit --skill web-design-guidelines-itsmichaelwest

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Automated Compliance Checks: Scans provided UI code files against a comprehensive set of web design rules.
  • Accessibility Audits: Identifies potential accessibility issues based on best practices.
  • Design Consistency: Verifies adherence to visual and interactive design standards.
  • Use Case: A developer can use this skill to quickly check a new component's code before merging it into the main branch, ensuring it meets the project's design and accessibility standards.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file 'src/components/Button.jsx'.

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 web design guideline compliance?▼

To audit UI code for web design guideline compliance, you can scan your front-end files against a defined set of rules. This skill checks provided file paths to verify design consistency and identifies accessibility issues based on best practices.

What is the best way to check front-end components for accessibility issues before merging?▼

Checking front-end components for accessibility issues before merging is done by reviewing the UI code against established Web Interface Guidelines. This process scans specified file patterns to identify potential accessibility barriers and verify adherence to visual standards.

Does this web design guidelines skill work with any front-end file format?▼

The web design guidelines skill processes specified file paths or patterns from your front-end development workflow. It fetches external guideline definitions and applies them to your code, ensuring broad compatibility with any UI code files you provide.

How do I ensure design consistency across my UI components?▼

To ensure design consistency across UI components, you apply automated compliance checks to your code. This reviews your front-end files against a comprehensive set of web design rules, verifying adherence to established visual and interactive design standards.

Do I need to provide my own rules to review UI code for accessibility?▼

You do not need to provide your own rules to review UI code for accessibility. The skill fetches external web interface guideline definitions automatically and processes your specified file paths to check for compliance against those established standards.

Related Skills

Explore More Design & Creative Skills→
joelhooksjoelhooks
61

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility.

Community
Basic
anibaldebonianibaldeboni

web-design-guidelines

Review UI code against dynamically fetched Web Interface Guidelines.

Community
Basic
791994545791994545
4

web-design-guidelines

Check UI code for compliance with Web Interface Guidelines.

Community
Basic
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate