skills.rest
TwuanMinn
TwuanMinnCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Evaluate HTML, CSS, and component code against Web Interface Guidelines.

Updated Jan 26, 2026
Search Tags:#ui#accessibility#frontend#audit#guidelines#web#design-review
One-click install
npx skills add https://github.com/TwuanMinn/fadelab --skill web-design-guidelines-twuanminn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/TwuanMinn/fadelab/tree/main/.agent/skills/skills/web-design-guidelines
Command: npx skills add https://github.com/TwuanMinn/fadelab --skill web-design-guidelines-twuanminn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams verify UI code against Web Interface Guidelines to improve accessibility, usability, and visual consistency.

Core Features & Use Cases

  • Fetch latest Web Interface Guidelines from the official source and load them for validation.
  • Read target UI files or patterns and apply all rules to assess compliance.
  • Output findings in the concise file:line format to aid quick remediation.
  • Use Case: When auditing a UI, run this skill to verify accessibility compliance and design alignment across a project.

Quick Start

Provide the files or patterns you want reviewed and the skill will fetch the latest guidelines to assess compliance.

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 HTML and CSS code for UI accessibility and visual consistency?▼

To audit UI accessibility and visual consistency, you provide your HTML and CSS files for evaluation against the latest Web Interface Guidelines. The tool outputs findings in a concise file:line format for quick remediation.

What is a UI design review for web interface guidelines?▼

A UI design review verifies that your component code meets established Web Interface Guidelines. It assesses accessibility, usability, and visual consistency across your project to ensure alignment with current standards.

Can I use this skill to check frontend component code for usability compliance?▼

Yes, you can use this skill to check frontend component code for usability compliance. It reads target UI files or patterns and applies rules to assess accessibility, usability, and visual consistency across websites or apps.

How do I get a web design audit report in file:line format?▼

You get a web design audit report in file:line format by running this skill on your target UI files. It fetches the latest guidelines, applies all rules to assess compliance, and outputs concise findings mapped to specific lines of code.

Does a UI accessibility audit require fetching external web guidelines?▼

Yes, a UI accessibility audit requires fetching external web guidelines. The skill fetches the latest Web Interface Guidelines from an official source URL to load and apply validation rules to your code files.

What's the best way to verify design alignment across a web project?▼

The best way to verify design alignment across a web project is to run an automated audit against Web Interface Guidelines. This evaluates all target UI files and patterns to ensure accessibility, usability, and visual consistency.

Related Skills

Explore More Design & Creative Skills→
sulthonuladibsulthonuladib

web-design-guidelines

Identify UI conformance issues against Web Interface Guidelines in HTML/CSS/JS codebases.

Community
Intermediate
YeomanYeYeomanYe

web-design-guidelines

Analyze HTML, CSS, and JS UI code against Web Interface Guidelines.

Community
Intermediate
omerakbenomerakben
1

web-design-guidelines

Analyze UI code against Web Interface Guidelines for accessibility and usability issues.

Community
Basic
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate