web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

1|Updated Jan 29, 2026
One-click install
npx skills add https://github.com/AMontagu/news-from-historical-people --skill web-design-guidelines-amontagu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AMontagu/news-from-historical-people/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/AMontagu/news-from-historical-people --skill web-design-guidelines-amontagu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance to help teams identify accessibility, usability, and consistency gaps.

Core Features & Use Cases

  • Fetch the latest guidelines from the source
  • Read the specified files or patterns
  • Apply all guidelines to the code and surface findings
  • Output findings in the terse file:line format for quick triage

Quick Start

Provide the UI file(s) or pattern to review, and I will compare them against the latest 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 audit UI code for accessibility and UX compliance?

Yes, you can review CSS and markup files for style conformance checks. The tool reads specified frontend files or patterns, applies the latest Web Interface Guidelines to them, and outputs visual consistency and usability findings in a terse file:line format.

What is the best way to perform an accessibility audit on frontend markup?

The best way to perform an accessibility audit on frontend markup is to provide the UI files for review. The tool fetches the latest Web Interface Guidelines, reads the specified files, applies all rules, and outputs accessibility findings in a terse file:line format for quick triage.

Can I review CSS and markup files for style conformance checks?

Yes, you can review CSS and markup files for style conformance checks. The tool reads specified frontend files or patterns, applies the latest Web Interface Guidelines to them, and outputs visual consistency and usability findings in a terse file:line format.

How do I check frontend components against web design guidelines?

To check frontend components against web design guidelines, provide the UI file(s) for review. The tool fetches the latest rules from the guidelines source, reads the specified files, applies all rules, and outputs findings in a terse file:line format.

Do I need to install dependencies to run a web design compliance check?

No dependencies are required to run a web design compliance check. You simply provide the UI file(s) or pattern to review, and the tool fetches the latest guidelines from the source, reads the files, applies all rules, and outputs findings in a terse file:line format.

What output format does the UI accessibility audit use for reporting findings?

The UI accessibility audit outputs findings in a terse file:line format. This format is designed for quick triage, allowing you to easily locate and address accessibility, usability, and visual consistency gaps in your frontend components and pages.