web-design-guidelines

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

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/kaissalha/webld --skill web-design-guidelines-kaissalha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kaissalha/webld/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/kaissalha/webld --skill web-design-guidelines-kaissalha

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to ensure accessibility, consistency, and usability across projects.

Core Features & Use Cases

  • Guideline-aware reviews: checks UI files against the latest Web Interface Guidelines.
  • File pattern support: analyzes a specified set of UI files or code patterns.
  • Actionable findings: outputs concise, line-referenced issues ready for remediation.

Quick Start

Provide the target UI files or patterns and let the system fetch guidelines and report findings.

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 UI code for web accessibility and usability compliance?

You can audit UI code by specifying target files or code patterns for review. The system fetches the latest Web Interface Guidelines, applies all accessibility and usability rules, and outputs concise, line-referenced findings ready for remediation.

What is a web interface guidelines review and when do I need it?

A web interface guidelines review checks your UI code against established accessibility, consistency, and usability best practices. You need it when reviewing UI, checking UX, or auditing a site to ensure cross-project compliance.

How do I check my website against accessibility best practices?

To check your website against accessibility best practices, prompt the system with your UI files or patterns. It reads the specified code and applies web interface rules to report actionable findings in a terse file:line format.

Does the UI accessibility audit work without installing external dependencies?

Yes, the UI accessibility audit works without external dependencies. You simply provide the target UI files or code patterns, and the system fetches the latest guidelines directly from the source to review your code.

What is the best way to review UX and design consistency across multiple projects?

The best way to review UX and design consistency is auditing UI code against Web Interface Guidelines. This checks your specified files for accessibility and usability compliance, outputting line-referenced issues for remediation.

How are accessibility and usability issues reported during a UI code review?

Accessibility and usability issues are reported in a terse file:line format during a UI code review. This provides concise, actionable findings with direct references to your code, making remediation straightforward.