skills.rest
gman-robotics
gman-roboticsOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against web interface guidelines and accessibility standards.

Updated Mar 8, 2026
Search Tags:#ui#code review#accessibility#web development#ux#design guidelines
One-click install
npx skills add https://github.com/gman-robotics/gmr-deerflow --skill web-design-guidelines-gman-robotics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/gman-robotics/gmr-deerflow/tree/main/skills/public/web-design-guidelines
Command: npx skills add https://github.com/gman-robotics/gmr-deerflow --skill web-design-guidelines-gman-robotics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes 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 Review: Scans UI code files against a predefined set of best practices.
  • Compliance Checking: Identifies deviations from accessibility, usability, and design standards.
  • Use Case: When developing a new feature, use this Skill to audit the UI code for compliance before deployment, catching potential issues early.

Quick Start

Use the web-design-guidelines skill to review the UI code in the 'src/components' directory.

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 UI code for web design guidelines compliance?▼

To check UI code for web design guidelines compliance, scan your front-end files against a remote URL containing the latest established practices to identify accessibility and usability deviations automatically.

Can I audit specific directories for accessibility and design standards?▼

Yes, you can audit specific directories for accessibility and design standards by specifying file patterns like 'src/components' to scan targeted front-end code sections against predefined web interface guidelines.

What is automated UI code review for web development?▼

Automated UI code review fetches established web interface guidelines from a remote source and applies them to your front-end files, catching accessibility and design consistency issues before deployment.

Does this web design guidelines review require any dependencies?▼

No dependencies are required to review web design guidelines, as the skill fetches the latest standards directly from a remote URL and applies them to your specified UI code files.

When do I need to run a UI code compliance audit?▼

Run a UI code compliance audit when developing new features or before deployment, ensuring your front-end code adheres to accessibility standards and catches design system deviations early in the workflow.

What are the limitations of automated design system adherence checking?▼

Automated design system adherence checking applies only to specified file patterns and relies on fetching guidelines from a remote URL, meaning it cannot review files outside the defined scope without explicit configuration.

Related Skills

Explore More Design & Creative Skills→
patrickhaahrpatrickhaahr

web-design-guidelines

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

Community
Basic
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic
fanguyunfanguyun

normalize

Scan features for design system adherence and apply corrections.

Community
Advanced
1natsu1721natsu172
1

web-design-guidelines

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

Community
Intermediate