web-design-guidelines

Fetch current Web Interface Guidelines and evaluate UI files for compliance.

Updated Mar 3, 2026
One-click install
npx skills add https://github.com/eniosales08-AI/paraguay-shopping-search --skill web-design-guidelines-eniosales08-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/eniosales08-AI/paraguay-shopping-search/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/eniosales08-AI/paraguay-shopping-search --skill web-design-guidelines-eniosales08-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code complies with Web Interface Guidelines by automatically fetching current rules and evaluating provided UI files.

Core Features & Use Cases

  • Fetch current guidelines from the official source and compare them against the specified UI files or patterns.
  • Generate concise findings in the standard file:line format for quick remediation.
  • Use Case: You want to validate a web project's UI consistency against evolving accessibility and design standards across multiple files.

Quick Start

Provide the UI files or patterns to review and the skill will fetch the latest guidelines and audit for compliance.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit UI code for accessibility and design guideline compliance?

To audit UI code for accessibility compliance, provide your web project files or patterns. The skill fetches current Web Interface Guidelines, evaluates the target files, and outputs findings in a standard file:line format for quick remediation.

What is the best way to automate a design audit across multiple web project files?

Automating a design audit across multiple files involves fetching the latest web design rules and evaluating specified UI patterns. This skill processes one or more files per request, applying deterministic evaluation to generate concise, actionable compliance findings.

Can I use this tool to check if my frontend code meets current web accessibility standards?

Yes, you can check frontend code against current web accessibility standards. The skill fetches the latest guidelines directly from the official source, reads your target UI files, and enforces deterministic evaluation to ensure your project meets evolving compliance requirements.

How do I identify which specific lines of UI code violate web interface guidelines?

Identifying specific lines of UI code that violate web interface guidelines is done by reading target files and comparing them against fetched rules. The skill outputs all compliance findings in a precise file:line format, enabling developers to quickly locate and fix accessibility issues.

Do I need to manually input design rules for a UI review or are they fetched automatically?

You do not need to manually input design rules for a UI review. The skill automatically fetches the latest web interface guidelines from the official source before evaluating your provided files, ensuring your accessibility audit always checks against current compliance standards.

What types of web design files can I evaluate for compliance using this skill?

You can evaluate various web design files by providing UI files or specific patterns for review. The skill reads the target files you specify, fetches current guidelines, and processes them to deliver deterministic compliance findings without requiring specific file format dependencies.