skills.rest
daniel-dihardja
daniel-dihardjaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and report conformance issues.

Updated Nov 16, 2025
Search Tags:#ui#accessibility#frontend#compliance#review#web-guidelines#design-audit
One-click install
npx skills add https://github.com/daniel-dihardja/menuyukti --skill web-design-guidelines-daniel-dihardja
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/daniel-dihardja/menuyukti/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/daniel-dihardja/menuyukti --skill web-design-guidelines-daniel-dihardja

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify UI code against Web Interface Guidelines, enabling quick checks for accessibility, consistency, and UX quality across projects.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines and applies them to your UI files.
  • Reads target files or patterns, evaluates against the guidelines, and reports conformance issues concisely.
  • Use Case: Run an accessibility check across a codebase to surface contrast, focus management, and semantic markup issues for remediation.

Quick Start

Provide the UI files to review and I will fetch the latest guidelines and evaluate them for accessibility and design 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 UI code for accessibility and design compliance?▼

Accessibility checks evaluate UI code against Web Interface Guidelines to surface contrast, focus management, and semantic markup issues. This helps teams verify codebases for UX quality and consistency before remediation.

What is included in a web interface design audit?▼

To run an accessibility check, provide the UI files or file patterns to review. The system fetches the latest Web Interface Guidelines, evaluates the target files against all rules, and generates a concise report of conformance issues.

Does this design audit require any dependencies to run?▼

You can review individual UI files or apply file patterns to check an entire codebase. The evaluation reads the target files, checks them against all rules, and reports conformance issues across the design system.

Can I review an entire codebase for UX quality and consistency?▼

Limitations include relying on the latest guidelines fetched from the source URL. The audit evaluates specified files against all rules and produces a concise report, focusing on conformance issues rather than automated code fixes.

Related Skills

Explore More Design & Creative Skills→
kriangkraiiikriangkraiii
2

web-design-guidelines

Check web interface code for design and accessibility standards compliance.

Community
Intermediate
UmmItKinUmmItKin

web-design-guidelines

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

Community
Basic
raybargasraybargas

Frontend Accessibility

Enforce frontend accessibility compliance in web UI code.

Community
Basic
hdkz-devhdkz-dev

accessibility-ally

Audit web applications for semantic HTML, keyboard navigation, and color contrast issues.

Community
Intermediate