skills.rest
nextplus896
nextplus896COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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
One-click install
npx skills add https://github.com/nextplus896/durra-alaseel --skill web-design-guidelines-nextplus896
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
OpenAuthorityOpenAuthority
8

find_files

Search directory trees recursively for files matching glob patterns.

Official
Basic
Kevin-Liu-01Kevin-Liu-01
16

web-design-guidelines

Identify UI design and accessibility issues in React/TSX, HTML/CSS, and assets against the latest Web Interface Guidelines.

Community
Intermediate
FiventsFivents

ui-consistency-enforcer

Validates UI components and styles against an established design system during code reviews.

Official
Basic
MattRibMattRib

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report file:line findings.

Community
Basic