web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/PolGubau/catalogos-macetas --skill web-design-guidelines-polgubau
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/PolGubau/catalogos-macetas/tree/main/.augment/skills/web-design-guidelines
Command: npx skills add https://github.com/PolGubau/catalogos-macetas --skill web-design-guidelines-polgubau

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Helps developers maintain UI code compliance with Web Interface Guidelines by providing a quick and efficient review process.

Core Features & Use Cases

  • Compliance Review: Checks UI code for adherence to Web Interface Guidelines.
  • Guideline Source: Fetches the latest guidelines from a specified URL.
  • Use Case: When a developer wants to ensure their web interface is accessible and follows best practices, they can use this skill to review their UI code.

Quick Start

Run the web-design-guidelines skill on your UI code to check 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 UI code for web design standards compliance?

To check UI code for web design standards compliance, you can run an automated review process that fetches the latest web interface guidelines and evaluates your specified files against all accessibility and best practice rules.

What is the best way to review web interface guidelines in a development workflow?

The best way to review web interface guidelines is to use an automated compliance checker that reads your UI code files and validates them against a fetched ruleset, ensuring accessibility and best practice adherence in a single pass.

Can I use an automated review for accessibility and web standards on existing files?

Yes, you can use an automated review for accessibility and web standards on existing files by specifying the file paths, allowing the review process to read the code and check it against the latest web interface guidelines.

Does UI code review for web standards require specific dependencies?

UI code review for web standards does not require external dependencies, as the skill operates independently using internal scripts to fetch guideline URLs and validate your UI code files directly.

Why does my web interface need an accessibility compliance check?

Your web interface needs an accessibility compliance check to ensure it meets web interface guidelines, providing a quick and efficient way to maintain best practices and validate UI code during web development workflows.