skills.rest
mrmps
mrmpsCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against latest Web Interface Guidelines for compliance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility best practices, preventing common UI/UX issues.

Core Features & Use Cases

  • Automated Compliance Checks: Reviews code against a dynamic set of Web Interface Guidelines.
  • Error Reporting: Identifies specific lines of code that violate guidelines.
  • Use Case: A developer can use this Skill to audit a new component's UI code before deployment, catching potential accessibility or design flaws early.

Quick Start

Review the file 'src/components/Button.tsx' for compliance with web interface guidelines.

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

The skill reviews UI code for web design compliance by fetching the latest guidelines and performing pattern-based file analysis to flag accessibility issues and design flaws.

Can I audit a specific component file for UX best practices?▼

Yes, you can audit a specific component file for UX best practices by specifying the file path, which triggers a design audit that reports exact lines of code violating established web interface guidelines.

What is the best way to catch accessibility flaws before deployment?▼

The best way to catch accessibility flaws before deployment is to run an automated compliance check on your UI code to identify specific pattern-based violations against dynamic web interface guidelines.

Does the web design review work without external dependencies?▼

The web design review requires fetching external guidelines to perform its design audits, meaning it needs access to pull the latest rules before analyzing your UI code files.

How does pattern-based file analysis find UI code violations?▼

Pattern-based file analysis finds UI code violations by fetching the latest web interface guidelines and applying those rules to specified UI files to detect and report exact lines of code that fail compliance.

Related Skills

Explore More Design & Creative Skills→
caterpi11arcaterpi11ar
3

web-design-guidelines

Audit web interface source code against Vercel Web Interface Guidelines.

Community
Intermediate
antoniorv6antoniorv6

web-design-guidelines

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

Community
Intermediate
tnunamaktnunamak

web-design-guidelines

Review web UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
alexzuoshalexzuosh

web-design-guidelines

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

Community
Basic