web-design-guidelines

Validate UI code against Web Interface Guidelines with file:line findings.

Updated Dec 2, 2025
One-click install
npx skills add https://github.com/bangdcce/SEP492-Project --skill web-design-guidelines-bangdcce
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/bangdcce/SEP492-Project/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/bangdcce/SEP492-Project --skill web-design-guidelines-bangdcce

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure UI code adheres to Web Interface Guidelines, enabling accessibility, UX consistency, and best-practice conformance across projects.

Core Features & Use Cases

  • Guidelines-driven review
  • Flexible targeting via file patterns or specific paths
  • Guidelines source fetch to keep rules current
  • Output findings in a terse file:line format

Quick Start

Use the web-design-guidelines skill to review UI files matching a pattern such as 'src/**/*.html' or a specific file like 'index.html'.

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

To audit UI code for accessibility, validate target files against Web Interface Guidelines by specifying path patterns like 'src/**/*.html'. The tool fetches current remote rules, reads matching files, and reports design conformity findings in a terse file:line format.

Can I check web project accessibility using a specific file path?

Yes, you can check web project accessibility using a specific file path. The tool accepts flexible targeting via specific paths like 'index.html' or broader patterns, scanning the target UI files and reporting any UX or accessibility guideline violations.

How do web design guidelines stay current during a UI audit?

Web design guidelines stay current during a UI audit through a remote source fetch mechanism. The tool retrieves up-to-date guidelines from a remote source before validating your codebase, ensuring accessibility checks and UX audits apply the latest rules.

What is the best way to review UI code for UX consistency across files?

The best way to review UI code for UX consistency is using pattern-based file matching against centralized guidelines. By targeting patterns like 'src/**/*.html', the tool scans multiple files simultaneously and outputs concise file:line reports for every design conformity deviation.

What format does the accessibility audit report use for code findings?

The accessibility audit report uses a terse file:line format for code findings. This concise output style pinpoints exactly where UI code deviates from Web Interface Guidelines, enabling quick navigation to accessibility or UX issues within your project files.