skills.rest
rondevz
rondevzCOMMUNITY
Explore all skills by this author →
Website𝕏@rondevzGitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams often struggle to ensure web interfaces comply with evolving guidelines across accessibility, UX and visual design. This skill automates the review process by fetching current rules and applying them to your codebase.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL
  • 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
  • Use Case: When validating a new page, audit accessibility and design conformance before release.

Quick Start

Provide the files or patterns to review, and the skill will fetch the latest guidelines and evaluate them against those 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 against web accessibility and design guidelines?▼

To audit UI code, provide your files or patterns to review. The skill fetches current web interface guidelines from the source URL, evaluates your code for conformance gaps, and reports findings in a terse file:line format.

Can I check my web project for UX and visual design conformance before release?▼

Yes, you can check web project conformance before release by specifying files or patterns. The tool applies the latest fetched rules to identify accessibility and visual design gaps across your codebase.

What is the best way to review UI files for web standards compliance automatically?▼

The best way to review UI files for web standards compliance is to supply file patterns to the skill. It fetches current design guidelines, evaluates all rules against your code, and outputs conformance findings.

Do I need to manually update web standards rules to review my code?▼

No, you do not need to manually update web standards rules. The skill automatically fetches fresh guidelines from the source URL each time, ensuring your UI audit checks against the most current web standards.

How are accessibility audit findings reported for my UI code?▼

Accessibility audit findings are reported in a terse file:line format. This outputs precise conformance gaps directly mapped to your code locations, allowing quick identification and resolution of UI design issues.

Related Skills

Explore More Design & Creative Skills→
RanFRRanFR
2

code-reviewer

Automate code review with Read, Grep, and Glob tools.

Community
Basic
JaimeJunrJaimeJunr
2

web-design-guidelines

Audit UI code against official Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
ladinglogichqladinglogichq

web-design-guidelines

Audit web UI assets for compliance with Web Interface Guidelines.

Official
Intermediate