web-design-guidelines

Identify UI compliance issues by comparing code with Web Interface Guidelines and accessibility standards.

Updated Jan 20, 2026
One-click install
npx skills add https://github.com/lukebaze/forex-rebate-bot --skill web-design-guidelines-lukebaze
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/lukebaze/forex-rebate-bot/tree/main/.opencode/skill/web-design-guidelines
Command: npx skills add https://github.com/lukebaze/forex-rebate-bot --skill web-design-guidelines-lukebaze

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web design guidelines review helps ensure UI code complies with established usability and accessibility standards, reducing defects and rework.

Core Features & Use Cases

  • Automated compliance checks: Compare project UI against current web interface guidelines.
  • Accessibility validation: Verify contrast, semantics, and keyboard navigation.
  • Audit and guidance: Provide actionable recommendations for design improvements.

Quick Start

Ask your AI to review your UI files against the latest Web Interface 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 web UI for accessibility and UX compliance?

To audit UI for accessibility, you can compare your HTML, CSS, and JS code against current web interface guidelines. This process validates contrast, semantics, and keyboard navigation, reporting findings in a standardized file:line format.

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

A web design guidelines review checks UI code against established usability and accessibility standards to reduce defects and rework. You need it when validating design systems or multi-page projects for compliance with current UX best practices.

How do I check frontend code for keyboard navigation and contrast issues?

Checking frontend code for keyboard navigation and contrast issues involves applying accessibility validation rules to your UI components. The audit verifies semantic HTML and visual contrast, providing actionable recommendations for improvements.

Can I use an automated compliance check for a multi-page design system?

Yes, automated compliance checks can be applied to multi-page design systems and web projects. The audit compares your project's UI components against accessibility standards and outputs findings in a structured file:line format.

What's the best way to report accessibility findings in web projects?

The best way to report accessibility findings is in a standardized file:line format. This method pinpoints exact UI compliance issues by comparing code directly against web interface guidelines, ensuring actionable and traceable defect resolution.