web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and usability compliance.

Updated Mar 7, 2026

Search Tags:#ui #accessibility #design review #code audit #ux #web guidelines

Ready to run

npx skills add https://github.com/mihaicrisan04/zalem --skill web-design-guidelines-mihaicrisan04

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mihaicrisan04/zalem/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mihaicrisan04/zalem --skill web-design-guidelines-mihaicrisan04

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, preventing common UI/UX pitfalls.

Core Features & Use Cases

Automated UI Review: Scans code files against a comprehensive set of web interface guidelines.
Compliance Checking: Identifies deviations from accessibility, usability, and design standards.
Use Case: Before deploying a new feature, use this Skill to audit the UI code for accessibility issues and ensure it aligns with the company's design system.

Quick Start

Review the UI code in the 'src/components' directory for compliance with 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 front-end code for accessibility and UI compliance?▼

This skill reviews UI code for compliance with web interface guidelines by checking specified file paths or patterns against fetched external standards, identifying deviations in accessibility, usability, and design.

What does an automated UI design review check for?▼

An automated UI design review checks front-end code against established web interface guidelines, detecting deviations in accessibility, usability, and design standards to prevent common UI/UX pitfalls before deployment.

Can I scan a specific directory like src/components for web guidelines compliance?▼

Yes, you can target specific directories like src/components by providing the file path or pattern, and the review will fetch external guidelines and apply them to audit the UI code in that specified location.

Does this UI code audit work with my existing front-end development workflow?▼

The UI code audit applies to front-end development workflows by reviewing user interface code files directly, allowing integration into pre-deployment checks to ensure features align with design system best practices.

When should I run an accessibility and design standards check on my code?▼

You should run an accessibility and design standards check before deploying a new feature, ensuring the UI code aligns with established design systems and preventing common UI/UX pitfalls from reaching production.