skills.rest
mauricioPacheco894
mauricioPacheco894COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Dec 24, 2025
Search Tags:#ui#code review#accessibility#ux#web standards#design guidelines
One-click install
npx skills add https://github.com/mauricioPacheco894/portfolio-pwa --skill web-design-guidelines-mauriciopacheco894
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mauricioPacheco894/portfolio-pwa/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mauricioPacheco894/portfolio-pwa --skill web-design-guidelines-mauriciopacheco894

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall design quality.

Core Features & Use Cases

  • Automated Review: Scans specified files against a comprehensive set of design and accessibility rules.
  • Compliance Checking: Identifies deviations from best practices in UI development.
  • Use Case: Before deploying a new feature, use this Skill to audit the UI code for accessibility issues and design inconsistencies, ensuring a polished user experience.

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 check my front-end code for UI design and accessibility compliance?▼

To check front-end code for UI design compliance, you can scan specified component files against web interface guidelines to identify accessibility issues and UX best practice deviations.

What is a web interface guideline review for UX best practices?▼

A web interface guideline review is an automated audit that scans UI code to ensure it adheres to established design standards, validating accessibility and UX consistency for a polished user experience.

Can I audit UI code against a custom URL for web standards?▼

Yes, you can audit UI code against a custom URL for web standards. The review process fetches the latest guidelines from a specified URL to ensure up-to-date rule application during compliance checks.

When do I need to run a design audit on my UI components?▼

You need to run a design audit on UI components before deploying a new feature. This ensures the front-end code meets web standards and identifies accessibility issues or design inconsistencies early.

Does the accessibility review work for front-end projects without dependencies?▼

Yes, the accessibility review works for front-end projects without dependencies. It scans your specified source directories to validate front-end development projects requiring design audits and UX best practice validation.

Related Skills

Explore More Design & Creative Skills→
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
mcggEzmcggEz

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

Community
Intermediate
criniscrinis
4

css-review

Reviews CSS code for redundancy, duplication, and semantic consistency with linters.

Community
Advanced
CivicActionsCivicActions
2

accessibility-audit

Audit web pages and components for WCAG 2.1 AA and Section 508 compliance.

Official
Advanced