skills.rest
forestonbike-hub
forestonbike-hubCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Apr 12, 2026
Search Tags:#code review#best practices#web accessibility#design compliance#UI code
One-click install
npx skills add https://github.com/forestonbike-hub/E-Bike-Wars --skill web-design-guidelines-forestonbike-hub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/forestonbike-hub/E-Bike-Wars/tree/main/gtm-skills-package/web-design-guidelines
Command: npx skills add https://github.com/forestonbike-hub/E-Bike-Wars --skill web-design-guidelines-forestonbike-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that UI code adheres to Web Interface Guidelines, enhancing accessibility and user experience.

Core Features & Use Cases

  • Compliance Review: Checks UI code against Web Interface Guidelines.
  • Accessibility Validation: Ensures the UI is accessible to all users.
  • Best Practices: Validates design against industry best practices.
  • Use Case: Use this Skill to review a UI codebase for compliance before launch.

Quick Start

Run the web-design-guidelines skill on your UI codebase to check for 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 review UI code for accessibility and design compliance?▼

Code review for UI compliance involves fetching the latest Web Interface Guidelines and applying them to your codebase to validate accessibility and design best practices before launch.

What are web accessibility best practices for UI code?▼

Web accessibility best practices for UI code require validating design compliance against Web Interface Guidelines, ensuring the interface is accessible to all users and adhering to industry standards.

Can I check my entire UI codebase for design compliance before launch?▼

Yes, you can validate your entire UI codebase for design compliance before launch by running this skill, which fetches the latest guidelines and applies them to your specified files.

Does this UI code review require any external dependencies?▼

No, this UI code review requires no external dependencies, allowing you to directly validate your UI code against Web Interface Guidelines without additional environment setup.

When do I need to validate web accessibility in my code?▼

You need to validate web accessibility in your code when preparing for launch, ensuring your UI design adheres to Web Interface Guidelines and best practices for all users.

Why does my UI code fail design compliance checks?▼

UI code fails design compliance checks when it does not adhere to Web Interface Guidelines, lacking proper accessibility validation and industry best practices for user experience.

Related Skills

Explore More Software Engineering Skills→
Timothy191Timothy191

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
vijaychandar186vijaychandar186

web-design-guidelines

Assess UI code for Web Interface Guidelines compliance and flag violations.

Community
Intermediate
lootloglootlog
7

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility, design, and usability issues.

Official
Intermediate
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic