skills.rest
baskarajati
baskarajatiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps developers and designers ensure their UI code adheres to the latest Web Interface Guidelines, improving accessibility, usability, and visual consistency across projects.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines from the source and applies them to your codebase.
  • Reads target UI files or file patterns to perform checks.
  • Reports findings in a terse file:line format to facilitate quick remediation.
  • Use Case: Audit a component library for accessibility conformance and visual consistency.

Quick Start

Provide the paths to the UI files you want reviewed and I will fetch the latest guidelines and report any violations.

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?▼

To audit UI code for accessibility and visual consistency, provide the paths to your target UI files. The tool fetches the latest Web Interface Guidelines, checks your components, and reports violations in a terse file:line format for quick remediation.

What does a web interface guidelines compliance check cover?▼

A web interface guidelines compliance check covers accessibility, usability, and visual consistency. It reads your target UI files or file patterns and applies the latest fetched guidelines to identify any deviations in your component library.

Can I use this UI audit tool with my existing component library?▼

Yes, you can use this UI audit tool with your existing component library. You simply provide the paths to the UI files or file patterns you want reviewed, and it will read them and report any compliance violations it finds.

How are UI code review violations reported for remediation?▼

UI code review violations are reported in a terse file:line format. This structure points you directly to the exact location of accessibility, usability, or visual consistency issues in your code, facilitating quick remediation.

Do I need to manually configure design guidelines before checking my web UI?▼

No, you do not need to manually configure design guidelines before checking your web UI. The tool fetches the latest Web Interface Guidelines directly from the source when you provide your target UI file paths for the audit.

Related Skills

Explore More Design & Creative Skills→
LinXueyuanStdioLinXueyuanStdio
2

web-design-guidelines

Review web interface source files against Web Interface Guidelines for accessibility and UX compliance.

Community
Intermediate
jewbetchajewbetcha
115

web-design-guidelines

Automate UI compliance checks against Web Interface Guidelines.

Community
Basic
R2W1csR2W1cs
1

lint-and-validate

Lint and validate JavaScript and Python code for syntax and style issues.

Community
Intermediate
blackgirlbytesblackgirlbytes

audit-a11y-browser

Audit live browser accessibility against a URL using Playwright and axe-core.

Community
Intermediate