web-design-guidelines

Assess UI code against Web Interface Guidelines and accessibility standards.

Updated Jul 4, 2026
One-click install
npx skills add https://github.com/mrsknetwork/mrsknetwork --skill web-design-guidelines-mrsknetwork
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mrsknetwork/mrsknetwork/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mrsknetwork/mrsknetwork --skill web-design-guidelines-mrsknetwork

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI for compliance with Web Interface Guidelines and accessibility best practices to ensure consistent, accessible interfaces.

Core Features & Use Cases

  • Guideline-driven review: Assess UI files against up-to-date Web Interface Guidelines.
  • Accessibility check: Identify common accessibility issues and provide actionable fixes.
  • Auditing across projects: Apply guidelines to multiple UI assets and generate concise findings.

Quick Start

Provide the UI files or patterns you want reviewed and let the tool compare them against the 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 audit my UI code against web accessibility standards?

To audit UI code for web accessibility, provide your UI files or patterns for review. The tool fetches the latest Web Interface Guidelines, loads target files, and outputs concise accessibility findings in a standardized file:line format.

What is a UI review against Web Interface Guidelines?

A UI review against Web Interface Guidelines is an assessment of your interface code to ensure compliance with accessibility best practices and design standards, producing actionable fixes for consistent and accessible interfaces.

Can I check accessibility across multiple UI assets in different repositories?

Yes, you can check accessibility across multiple UI assets. The tool applies Web Interface Guidelines to various UI files across repositories or live sites, generating concise findings for each reviewed asset.

How do I review a live site for UI guideline conformance?

To review a live site for UI conformance, request a UI review and provide the target site. The tool fetches current Web Interface Guidelines, evaluates the site's interface against them, and returns terse results in a standardized file:line format.

What format are accessibility audit results returned in?

Accessibility audit results are returned in a standardized, terse file:line format. This concise output identifies specific locations in your UI files where Web Interface Guidelines or accessibility standards are not met.