web-design-guidelines

Fetch web interface guidelines and report UI code compliance in file:line format.

116|9|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/elophanto/EloPhanto --skill web-design-guidelines-elophanto
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/elophanto/EloPhanto/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/elophanto/EloPhanto --skill web-design-guidelines-elophanto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure their UI code complies with established Web Interface Guidelines, streamlining audits and accessibility checks.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the source before any review.
  • Read and analyze the specified UI files to verify conformance with the guidelines.
  • Report findings in a concise, parser-friendly format suitable for quick remediation and design reviews.
  • Use Case: A design team wants to validate a new dashboard's UI components against the latest guidelines to ensure accessibility and consistency before release.

Quick Start

Fetch the latest guidelines and run a review on the provided UI files.

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 web design guideline compliance?

Web design guideline compliance is audited by fetching the latest interface rules, parsing your UI files, and reporting violations in a concise file:line format. This identifies accessibility and design issues for quick remediation.

What is the best way to check UI code for accessibility issues?

The best way to check for accessibility issues is running a design compliance audit. The Skill fetches current web interface guidelines, analyzes your files, and outputs findings in a parser-friendly format suitable for immediate design reviews.

Can I use this for UI reviews on a web dashboard before release?

Yes, you can use this for UI reviews on a web dashboard before release. It validates UI components against the latest fetched guidelines to ensure accessibility and consistency, reporting any conformance failures in a concise file:line format.

How do I report UI design guideline violations in a parser-friendly format?

To report UI design guideline violations in a parser-friendly format, the Skill analyzes your files against fetched web interface guidelines and outputs findings concisely as file:line entries, streamlining automated remediation and design reviews.

Does the Skill fetch the latest web interface guidelines automatically?

Yes, the Skill fetches the latest web interface guidelines automatically from the source before any review. This ensures your UI code is always audited against the most current accessibility and design compliance standards.

What format are the accessibility check results reported in?

Accessibility check results are reported in a terse file:line format. This parser-friendly output maps identified web interface guideline violations directly to your UI code locations for quick remediation and review.