web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: nextplus896

Evaluate UI files against Web Interface Guidelines and output file:line findings.

1|Updated Oct 10, 2025

Search Tags:#accessibility #frontend #web design #review #guidelines #ux

Ready to run

npx skills add https://github.com/nextplus896/durra-alaseel --skill web-design-guidelines-nextplus896

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nextplus896/durra-alaseel/tree/main/.github/skills/web-design-guidelines
Command: npx skills add https://github.com/nextplus896/durra-alaseel --skill web-design-guidelines-nextplus896

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams enforce Web Interface Guidelines by evaluating UI-related files for accessibility, consistency, and design quality.

Core Features & Use Cases

Guideline checks: fetch the latest rules from the official source and apply them to your codebase.
File targeting: review specified files or glob patterns to scope the audit.
Output: produce concise findings in a file:line style format for quick remediation.

Quick Start

Provide the UI files or patterns you want reviewed, e.g., src/**, apps/frontend/index.html, and the skill will fetch guidelines and evaluate them.

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 frontend code for accessibility and design guideline violations?▼

To audit frontend code for accessibility and design violations, provide your UI files or glob patterns like src/** to the skill. It fetches the latest rules from a remote source and evaluates them, outputting standardized file:line findings for quick remediation.

Can I target specific files or directories when running an accessibility audit?▼

Yes, you can target specific files or directories for an accessibility audit by providing file paths or glob patterns. The skill scopes the evaluation to the targeted UI files, such as apps/frontend/index.html, before applying the guidelines.

What format does the accessibility review output use for reporting issues?▼

The accessibility review output uses a concise file:line style format for reporting issues. This standardized output pinpoints exact locations in your UI files, allowing for quick remediation of accessibility and design consistency violations.

How do I check if my web project conforms to official web interface guidelines?▼

To check web project conformance to official web interface guidelines, the skill fetches the latest rules from a remote source and applies them to your codebase. It evaluates UI files for accessibility, consistency, and overall design quality.