web-design-guidelines

Review web UI source files against Web Interface Guidelines.

6|Updated Mar 26, 2026

Search Tags:#code review #accessibility #ui audit #ux review #file:line findings #web interface guidelines

Ready to run

npx skills add https://github.com/memoirlabs/mog --skill web-design-guidelines-memoirlabs

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/memoirlabs/mog/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/memoirlabs/mog --skill web-design-guidelines-memoirlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you catch accessibility, UX, and UI guideline issues early by reviewing your web interface against the latest Web Interface Guidelines.

Core Features & Use Cases

Guideline-driven UI review: Compares your provided UI files against the full set of rules fetched from the official Web Interface Guidelines source.
Actionable findings format: Reports issues in a compact file:line format so developers can quickly locate and fix problems.
Use Case: Run a pre-launch audit of your website code to ensure accessibility and design consistency before releasing updates.

Quick Start

Ask it to review the relevant frontend files by providing the file path(s) or a pattern of files to check.

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 web interface files for accessibility and UX issues?▼

To audit web interface files for accessibility and UX issues, provide your frontend file paths to this tool. It validates your source code against the latest Web Interface Guidelines and outputs actionable findings in a file:line format for quick fixes.

Can I check my website code for accessibility compliance before a release?▼

Yes, you can check website code for accessibility compliance before a release. The tool fetches the latest guideline rules, reads your specified UI files, and flags any violations to ensure design consistency and accessibility prior to deploying updates.

What is a UI audit against Web Interface Guidelines?▼

A UI audit against Web Interface Guidelines is a source code review process that checks frontend files for compliance with established design and accessibility rules. It identifies UX quality issues and reports them with precise file and line numbers.

How do I find exact line numbers for accessibility violations in my source code?▼

To find exact line numbers for accessibility violations, run this tool on your UI source files. It reads the specified files, validates them against all fetched guideline rules, and outputs findings in a required file:line format so developers can quickly locate problems.

Do I need to install any dependencies to run a UX review on my frontend files?▼

No dependencies are required to run a UX review on your frontend files. The tool operates independently to fetch the latest guideline rules and read your specified web interface files without needing additional installed libraries or components.

When should I run an accessibility and UX review during iterative development?▼

You should run an accessibility and UX review during iterative development whenever you make UI changes. The tool reads your updated files, validates them against the full set of Web Interface Guidelines rules, and outputs findings to catch issues early.