skills.rest
mihaicrisan04
mihaicrisan04COMMUNITY
Explore all skills by this author →
Website𝕏@mihaicrisannGitHub

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
One-click install
npx skills add https://github.com/mihaicrisan04/zalem --skill web-design-guidelines-mihaicrisan04
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
sabyunreposabyunrepo

web-design-guidelines

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

Community
Intermediate
Daiwik-ChilukuriDaiwik-Chilukuri

normalize

Normalize UI implementations to match a project's design system and eliminate one-off styles.

Community
Advanced
FeedbackFriendsFeedbackFriends
1

web-design-guidelines

Checks HTML, CSS, and JavaScript files for UI and accessibility standard compliance.

Official
Intermediate
cropsggcropsgg
15

browse

Automate browser exploration to inspect and document JS-rendered web pages.

Community
Intermediate