skills.rest
noartem
noartemCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit HTML/CSS/JS files against Web Interface Guidelines and report violations.

Updated Jun 8, 2025
Search Tags:#ui#accessibility#audit#compliance#guidelines#web-design#design-review
One-click install
npx skills add https://github.com/noartem/kawa --skill web-design-guidelines-noartem
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/noartem/kawa/tree/main/ui/.ai/skills/web-design-guidelines
Command: npx skills add https://github.com/noartem/kawa --skill web-design-guidelines-noartem

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps ensure user interfaces comply with Web Interface Guidelines by systematically auditing code against the latest rules to improve accessibility and UX quality.

Core Features & Use Cases

  • Fetch the latest guidelines from the specified source and keep checks up to date.
  • Read and analyze the target UI files or patterns provided by the user to identify violations.
  • Apply all rules from the fetched guidelines and report issues in a terse file:line format for quick remediation.
  • Use cases include accessibility audits, UX reviews, and design compliance checks across HTML/CSS/JS projects.

Quick Start

Use the web-design-guidelines skill to review your UI files against the latest 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 HTML CSS code for web accessibility compliance?▼

Accessibility audits are automated by fetching the latest guidelines, parsing target UI files, and reporting violations in a concise file:line format for quick remediation.

What is the best way to perform a UX design review on web UI projects?▼

Performing a UX design review compares your web UI files against the latest Web Interface Guidelines to systematically identify accessibility issues and design violations, improving overall UX quality.

How do I check if my web design meets the latest interface guidelines?▼

Checking web design compliance fetches the most recent interface guidelines from its source and applies all rules to your provided files to identify specific violations.

Can I use this for an accessibility audit on JavaScript UI patterns?▼

Yes, you can use it for an accessibility audit on JavaScript UI patterns because it analyzes target UI files across HTML, CSS, and JS code to identify compliance issues.

What format are design guideline violations reported in?▼

Design guideline violations are reported in a terse file:line format, pinpointing exactly where accessibility and UX compliance issues occur in your code for quick remediation.

Does this skill work without external dependencies for site checks?▼

Yes, it works without external dependencies for site checks, requiring only the target HTML, CSS, or JS files to run the accessibility audit and report guideline violations.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
kimmyxpowkimmyxpow

web-design-guidelines

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

Community
Intermediate
jey3dayojey3dayo
6

web-design-guidelines

Enforce Web Interface Guidelines compliance in HTML/CSS/JS UI files.

Community
Advanced
thongdn-itthongdn-it
3

web-design-guidelines

Evaluate UI code against Web Interface Guidelines for accessibility and usability.

Community
Intermediate