skills.rest
run6270
run6270COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established web design best practices and accessibility standards, preventing design inconsistencies and improving user experience.

Core Features & Use Cases

  • Automated Code Review: Scans specified files for compliance with a predefined set of web interface guidelines.
  • Best Practice Enforcement: Identifies deviations from accessibility, UX, and design standards.
  • Use Case: A developer can use this skill to audit a new component's code before merging to ensure it aligns with the company's design system and accessibility requirements.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/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 review UI code for accessibility and design compliance?▼

To review UI code for accessibility and design compliance, scan specified component files against established web interface guidelines to detect deviations in UX standards and best practices.

What is automated web design guideline enforcement for frontend components?▼

Automated web design guideline enforcement audits user interface codebases to ensure adherence to design standards, checking specified files for rule violations before merging.

How to check my web development project for UX standard deviations?▼

Check your web development project for UX standard deviations by processing component files to identify accessibility issues and design inconsistencies that impact user experience.

Can I use a code review skill to audit a new component against a design system?▼

Yes, you can use a code review skill to audit a new component's code against a predefined set of web interface guidelines to ensure it aligns with design system requirements.

Does UI code review work for checking accessibility best practices?▼

UI code review works for checking accessibility best practices by fetching external guidelines and evaluating specified frontend files for compliance with established standards.

When do I need to scan files for web interface guideline violations?▼

You need to scan files for web interface guideline violations when auditing a user interface codebase to prevent design inconsistencies and ensure adherence to accessibility requirements.

Related Skills

Explore More Software Engineering Skills→
ulasalyesilulasalyesil

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate
tedtv1007-ctrltedtv1007-ctrl

web-design-guidelines

Audit UI source code for compliance with Web Interface Guidelines.

Community
Intermediate
skeletorfletskeletorflet
7

web-design-guidelines

Audit UI files against the latest Web Interface Guidelines.

Community
Intermediate