skills.rest
d0whc3r
d0whc3rCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare UI code files against Web Interface Guidelines and report compliance issues in file:line format.

Updated Mar 21, 2026
Search Tags:#linting#accessibility#quality-assurance#web#design-guidelines#code-audit#ui-review
One-click install
npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill web-design-guidelines-d0whc3r
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/d0whc3r/hackaton-cubepath/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill web-design-guidelines-d0whc3r

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures UI code adheres to Web Interface Guidelines by automating checks against accessibility, usability, and visual consistency standards.

Core Features & Use Cases

  • Fetch latest guidelines from an external source to stay current.
  • Read specified files or patterns to evaluate UI code.
  • Compare code against guidelines and report deviations in a concise file:line format.
  • Use Case: A design/engineering team audits a React or HTML/CSS project for accessibility and design compliance.

Quick Start

Provide the UI files or patterns to review, and the skill will fetch the latest guidelines, evaluate the code, and report findings in file:line format.

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 accessibility and visual consistency issues?▼

To audit UI code for accessibility and visual consistency, provide your HTML, CSS, or JavaScript framework files. The skill fetches the latest Web Interface Guidelines, evaluates the code, and reports deviations in a concise file:line format.

How do I automate web design compliance checks for a React project?▼

Automate web design compliance checks for a React project by specifying the UI file patterns to review. The skill compares the targeted source code against fetched Web Interface Guidelines and outputs compliance findings in file:line format.

What is the best way to check HTML and CSS files against Web Interface Guidelines?▼

The best way to check HTML and CSS files against Web Interface Guidelines is to supply the targeted file patterns for review. The skill analyzes the provided UI code against the latest fetched standards and reports deviations in file:line format.

Does this UI review tool work with JavaScript frameworks like React?▼

Yes, this UI review tool works with JavaScript frameworks like React, as well as standard HTML and CSS projects. It evaluates the provided source code files against Web Interface Guidelines to identify compliance issues.

Can I lint specific file patterns for design guideline deviations?▼

Yes, you can lint specific file patterns for design guideline deviations. The skill reads the specified files or patterns you provide, evaluates the UI code against Web Interface Guidelines, and reports any identified compliance issues.

How are UI code compliance issues reported after a code audit?▼

UI code compliance issues are reported in a concise file:line format after a code audit. The skill identifies deviations by comparing your evaluated files against the latest Web Interface Guidelines and outputs the findings for quick resolution.

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
evolving-machines-labevolving-machines-lab
76

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and output findings in file:line format.

Official
Intermediate
mikeyfennelly1mikeyfennelly1

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Basic
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate