web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility best practices, preventing common UI/UX issues.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a comprehensive set of web interface guidelines.
  • Compliance Checking: Identifies deviations from best practices related to UI, UX, and accessibility.
  • Use Case: When developing a new feature, use this Skill to audit the UI code for accessibility compliance and adherence to the company's design system before deployment.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file 'src/components/Button.tsx'.

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 front-end code for accessibility and UI compliance?

To audit front-end code for accessibility and UI compliance, use an automated review process that scans specified files against established web interface guidelines. This identifies deviations from UX best practices before deployment.

What is automated UI code review for web development?

Automated UI code review for web development is the process of scanning front-end files against a comprehensive set of web interface guidelines. It identifies deviations from established accessibility and design best practices to prevent common UI and UX issues.

Can I check my component code against custom web design guidelines?

Yes, you can check component code against custom web design guidelines. The review process fetches external guideline definitions and applies them to specified front-end files to ensure adherence to your established standards.

What is the best way to ensure UI code meets design system standards?

The best way to ensure UI code meets design system standards is to run an automated compliance check during your front-end development workflow. This audits the user interface for accessibility and adherence to established practices before deployment.

Does UI code review work with existing front-end development workflows?

Yes, UI code review works with existing front-end development workflows. It applies to your current processes by auditing specified user interface files for compliance with web interface guidelines, ensuring adherence to established standards.

Why does my web interface fail accessibility compliance checks?

Your web interface may fail accessibility compliance checks due to deviations from established design best practices. Scanning your UI code against web interface guidelines identifies these specific accessibility issues for remediation.