skills.rest
memoirlabs
memoirlabsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/memoirlabs/mog --skill web-design-guidelines-memoirlabs
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
alexwoxalexwox

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate
majiayu000majiayu000
12

skill

Route user requests to registered skill modules and execute them in context.

Community
Basic
nguyenvanlinh1902nguyenvanlinh1902

web-design-guidelines

Validate UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate
madmaxfarm105-huemadmaxfarm105-hue

image-work

Standardize image and gallery rendering with the shared Image component and Wix placeholder URLs.

Community
Intermediate