skills.rest
phant-app
phant-appOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Updated Feb 28, 2026
Search Tags:#ui#accessibility#frontend#usability#review#web-guidelines
One-click install
npx skills add https://github.com/phant-app/phant --skill web-design-guidelines-phant-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/phant-app/phant/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/phant-app/phant --skill web-design-guidelines-phant-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL below
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Use the web-design-guidelines to review a set of UI files against current 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 frontend UI code for web accessibility and contrast compliance?▼

You can audit UI code by reading targeted frontend files and checking them against fetched Web Interface Guidelines. It validates accessibility, contrast, semantics, and consistency, reporting findings in a file:line format.

How do I check my component library against current web usability and accessibility guidelines?▼

Check your component library by running a review against the latest fetched Web Interface Guidelines. The tool reads your specified files, validates usability and accessibility rules, and outputs any compliance findings.

Can I review HTML and CSS files for semantic and consistency issues automatically?▼

Yes, you can review HTML and CSS files for semantic and consistency issues automatically. The tool fetches the latest guidelines, reads your targeted files by pattern, and reports findings in a precise file:line format.

Does this web guidelines review work with existing frontend design systems?▼

Yes, this web guidelines review works with existing frontend design systems. It applies validation rules across HTML, CSS, JS, and component libraries to check accessibility, contrast, semantics, and consistency compliance.

What is the best way to identify accessibility failures in frontend UI code?▼

The best way to identify accessibility failures is to audit UI code against the latest Web Interface Guidelines. The tool reads targeted frontend files, checks all compliance rules, and reports specific failures in a file:line format.

Related Skills

Explore More Design & Creative Skills→
krzemienskikrzemienski
2

web-design-guidelines

Validate UI code against Web Interface Guidelines for accessibility and consistency.

Community
Intermediate
ZawHlaingPhyoTsukiZawHlaingPhyoTsuki

web-design-guidelines

Audit frontend UI files for Web Interface Guidelines violations.

Community
Intermediate
MesteriisMesteriis

ui-qa

Routes UI testing and review tasks to specialized skills for visual regression, accessibility checks, and frontend debugging.

Community
Advanced
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced