skills.rest
MMXC
MMXCCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Feb 16, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/MMXC/openclaw-back --skill web-design-guidelines-mmxc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/MMXC/openclaw-back/tree/main/agents/reviewer/skills/web-design-guidelines
Command: npx skills add https://github.com/MMXC/openclaw-back --skill web-design-guidelines-mmxc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that user interfaces adhere to established web design best practices and accessibility standards, improving user experience and compliance.

Core Features & Use Cases

  • Automated Review: Scans specified files against a comprehensive set of web interface guidelines.
  • Compliance Checking: Identifies deviations from best practices related to UI, UX, and accessibility.
  • Use Case: When developing a new feature, use this Skill to automatically check the UI code for compliance before deployment, catching potential issues early.

Quick Start

Use the web-design-guidelines skill to review 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 my front-end UI code for accessibility and web design guidelines?▼

Audit UI code by scanning specified front-end files against fetched external web interface guidelines. This process reviews user interfaces for compliance with established accessibility standards and design best practices.

What are web interface guidelines and when do I need to check my UI code against them?▼

Web interface guidelines are established standards for UI, UX, and accessibility. Check your UI code against them during front-end development to catch compliance deviations and improve user experience before deployment.

Can I use this automated review to check specific component files like Button.jsx for compliance?▼

Yes, automated review can check specific component files like Button.jsx. You specify the target file, and the system analyzes the UI code to identify any deviations from established web design and accessibility guidelines.

Does auditing user interfaces with this approach require fetching external guidelines?▼

Yes, auditing user interfaces requires fetching external guidelines. The system retrieves these established standards and then analyzes your specified front-end files against the fetched rules to ensure adherence to best practices.

What is the best way to ensure UI adherence to established web design standards before deployment?▼

The best way to ensure UI adherence is automated compliance checking. Scans during front-end development catch potential accessibility and UX issues early, verifying that user interfaces follow established web design guidelines before deployment.

What happens if my UI code has deviations from the established web design best practices?▼

If your UI code has deviations, the compliance checking process identifies these specific issues. It scans your specified files and reports deviations from the established web interface guidelines, allowing you to fix them early.

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
ic-facetic-facet

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

Official
Basic
leanderriefelleanderriefel

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
Fantasia1999Fantasia1999

product-skills

Generate product management artifacts including RICE prioritization, user stories, and OKRs.

Community
Advanced