skills.rest
lildibbb
lildibbbCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

Related Skills

Explore More Software Engineering Skills→
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
ControlNetControlNet
9

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design issues.

Community
Intermediate
austinjanaustinjan

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility.

Community
Intermediate
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic