skills.rest
eKoh951
eKoh951COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI code deviations from Web Interface Guidelines in HTML, CSS, and JavaScript.

Updated Feb 3, 2026
Search Tags:#ui#accessibility#frontend#audit#guidelines#web-design
One-click install
npx skills add https://github.com/eKoh951/hytale-gg --skill web-design-guidelines-ekoh951
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/eKoh951/hytale-gg/tree/main/.windsurf/skills/web-design-guidelines
Command: npx skills add https://github.com/eKoh951/hytale-gg --skill web-design-guidelines-ekoh951

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. This tool helps ensure accessibility, consistency, and best-practice UX across web interfaces.

Core Features & Use Cases

  • Fetch latest guidelines
  • Compare code against rules
  • Output findings in terse file:line format

Quick Start

Provide the UI files you want reviewed and I will check 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 my frontend code for accessibility and UX compliance?▼

Web design guidelines audits cover accessibility, UX consistency, and visual design conformance. The tool fetches the latest rules, reads your input files, applies all guidelines, and reports deviations in a terse file:line format.

Can I check HTML, CSS, and JavaScript files for UI guideline deviations?▼

You can check HTML, CSS, and JavaScript files for UI guideline deviations. The tool is applicable to frontend projects and codebases, reading input files or patterns to identify deviations from Web Interface Guidelines.

What is the best way to ensure visual design conformance in a web project?▼

Ensuring visual design conformance involves running an audit against the latest Web Interface Guidelines. This tool applies all rules to your codebase and reports accessibility, UX, and visual design results in a terse file:line format.

Do I need any specific dependencies to run a web interface guidelines audit?▼

No specific dependencies are required to run a web interface guidelines audit. The tool operates independently to fetch the latest rules and review your UI code for accessibility, consistency, and best-practice UX.

How are UI accessibility audit results reported?▼

UI accessibility audit results are reported in a terse file:line format. This output style pinpoints exact deviations from Web Interface Guidelines across your frontend codebase for quick identification.

When should I not use an automated UI code audit for web design?▼

An automated UI code audit for web design is not suitable for subjective visual reviews or complex interaction testing. This tool checks code against Web Interface Guidelines for accessibility and UX consistency, not dynamic runtime behavior.

Related Skills

Explore More Design & Creative Skills→
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
vuminhieuvuminhieu

web-design-guidelines

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

Community
Intermediate
wssAchilleswssAchilles
2

web-design-guidelines

Analyzes HTML/CSS/JS codebases for compliance with Web Interface Guidelines.

Community
Intermediate
alanharrryy-wqalanharrryy-wq
2

web-design-guidelines

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

Community
Intermediate