web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines and accessibility standards.

Updated Mar 9, 2026
One-click install
npx skills add https://github.com/nNEWBE/gbcdc-club --skill web-design-guidelines-nnewbe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nNEWBE/gbcdc-club/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/nNEWBE/gbcdc-club --skill web-design-guidelines-nnewbe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, improving user experience and consistency.

Core Features & Use Cases

  • UI Code Review: Analyzes code files against a set of predefined web interface guidelines.
  • Accessibility Audits: Checks for common accessibility issues.
  • Best Practice Validation: Verifies adherence to general design and UX principles.
  • Use Case: A developer can use this skill to automatically check a new component's code for compliance with the company's design system before it's merged.

Quick Start

Use the web-design-guidelines skill to review the UI code in the 'src/components' directory.

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 compliance with web interface design guidelines?

To review UI code for compliance, analyze your front-end files against predefined web interface guidelines and accessibility standards. This process audits design and UX adherence by fetching external best practices to validate specified file patterns in your development workflow.

What is a UI code review for accessibility standards and how does it work?

A UI code review for accessibility standards checks front-end components against established best practices to identify common issues. It fetches external guidelines and analyzes specified file patterns to ensure web interfaces meet required design and UX compliance benchmarks.

Can I use automated code review to audit front-end components before merging?

Yes, you can use automated code review to audit front-end components before merging. By analyzing your UI code in directories like 'src/components', it verifies adherence to web interface guidelines and validates accessibility standards to improve user experience and consistency.

Does UI compliance checking work with general front-end development workflows?

UI compliance checking applies directly to front-end development workflows for auditing design and UX. It requires fetching external guidelines to analyze specified file patterns, ensuring your web interfaces adhere to established design and accessibility best practices without needing specific dependencies.

What's the best way to check web interface code for accessibility issues?

The best way to check web interface code for accessibility issues is to run an audit against predefined guidelines. This validates adherence to general design and UX principles by analyzing your code files to detect common accessibility compliance failures.

When do I need to fetch external guidelines for UX and design validation?

You need to fetch external guidelines for UX and design validation when auditing front-end code for compliance with web interface standards. This ensures the analysis of specified file patterns accurately measures adherence to established accessibility best practices and design principles.