web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: lildibbb

Reviews UI code for compliance with Web Interface Guidelines and identifies improvements.

Updated Feb 24, 2026

Search Tags:#code review #accessibility #web development #design review #UI compliance

Ready to run

npx skills add https://github.com/lildibbb/tele-crm-frontend --skill web-design-guidelines-lildibbb

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for a quick and efficient way to review UI code for compliance with Web Interface Guidelines, improving accessibility and design quality.

Core Features & Use Cases

Compliance Review: Automatically checks UI code against Web Interface Guidelines.
Accessibility: Ensures that the UI is accessible to all users.
Design Quality: Validates the design against best practices.
Use Case: Use this Skill when you need to review a web interface for compliance, such as during the development or QA phase.

Quick Start

Run the skill with the path to your UI code, e.g., web-design-guidelines /path/to/ui-code.

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 Web Interface Guidelines compliance?▼

To review UI code for compliance, run this skill with the path to your web development files. It automatically parses and analyzes the code to identify accessibility issues and design quality deviations from the guidelines.

What is the best way to check web interface accessibility during development?▼

Checking web interface accessibility is best done by running an automated compliance review against Web Interface Guidelines. This validates your UI code for accessible design practices and highlights areas needing improvement.

Can I use an automated design review for UI compliance during QA?▼

Yes, you can use this skill during the QA phase to perform an automated design review. It evaluates UI code to ensure it meets Web Interface Guidelines, catching compliance and accessibility issues before deployment.

How does UI code parsing for accessibility guidelines work?▼

UI code parsing for accessibility guidelines works by analyzing the provided web development files against the guidelines source. It identifies specific compliance issues and suggests code improvements to enhance design quality.

Do I need to provide the guidelines source to check UI compliance?▼

Yes, checking UI compliance requires access to the Web Interface Guidelines source. The skill parses your UI code and cross-references it against these guidelines to accurately identify accessibility and design issues.

What limitations exist when checking UI code against Web Interface Guidelines?▼

A limitation of checking UI code is that the skill requires direct access to the guidelines source and the UI code files. Without proper paths to these inputs, it cannot parse or analyze compliance issues.