skills.rest
EduardoSousaPO
EduardoSousaPOCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Automate compliance checking of UI code against web interface guidelines.

Updated Mar 18, 2026
Search Tags:#accessibility#web design#code compliance#design best practices#UI code review
One-click install
npx skills add https://github.com/EduardoSousaPO/site-aideal --skill web-design-guidelines-eduardosousapo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/EduardoSousaPO/site-aideal/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/EduardoSousaPO/site-aideal --skill web-design-guidelines-eduardosousapo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps ensure that UI code adheres to Web Interface Guidelines, making it more accessible and user-friendly.

Core Features & Use Cases

  • Guideline Compliance: Automatically checks UI code against a set of guidelines for compliance.
  • Accessibility Audit: Identifies accessibility issues in UI code.
  • Design Review: Assists in the review of design decisions for adherence to best practices.
  • Use Case: When preparing a new web application, use this Skill to review UI code for potential issues before deployment.

Quick Start

Run the skill on your UI code to ensure it meets the latest 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 check UI code for accessibility and design best practices?▼

To check UI code for accessibility and design best practices, run this Skill to automate compliance checking against web interface guidelines and identify potential issues before deployment.

What is automated guideline compliance checking for web design?▼

Automated guideline compliance checking analyzes your UI code against external web interface guidelines using scripts, detecting accessibility issues and design deviations to ensure industry standards are met.

Can I use this to audit web application UI code before deployment?▼

Yes, you can audit web application UI code before deployment by running the Skill's scripts to review design decisions and flag accessibility issues in your front-end code.

What's the best way to ensure front-end code meets industry accessibility standards?▼

The best way to ensure front-end code meets industry accessibility standards is automating UI code review against external web interface guidelines, catching compliance gaps early in development.

Do I need external dependencies to perform a UI code review for compliance?▼

No external dependencies are required; the Skill operates independently using integrated scripts to analyze your UI code and verify adherence to external web interface guidelines.

Related Skills

Explore More Software Engineering Skills→
CrokilyCrokily
2

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
WD-CHINAWD-CHINA

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Community
Intermediate
leonanpereirapintoleonanpereirapinto
1

a11y-testing

Automate WCAG accessibility checks with jest-axe and Playwright axe-core.

Community
Advanced
MaxStrootmannMaxStrootmann

web-design-guidelines

Audit UI code against web design and accessibility guidelines.

Community
Intermediate