skills.rest
sduduzog
sduduzogCOMMUNITY
Explore all skills by this author →
Website𝕏@sduduzo_gGitHub

web-design-guidelines

Verify UI code against Web Interface Guidelines and report issues in file:line format.

Updated Dec 8, 2025
Search Tags:#ui#accessibility#audit#guidelines#ux#web-design
One-click install
npx skills add https://github.com/sduduzog/.dotfiles --skill web-design-guidelines-sduduzog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sduduzog/.dotfiles/tree/main/agents/skills/web-design-guidelines
Command: npx skills add https://github.com/sduduzog/.dotfiles --skill web-design-guidelines-sduduzog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify UI code against Web Interface Guidelines, enabling timely detection of accessibility and UX issues and ensuring consistent design quality across projects.

Core Features & Use Cases

  • Fetch latest Web Interface Guidelines from the source URL.
  • Read the target UI files or patterns provided by the user.
  • Apply the full set of rules to assess accessibility, UX, and visual consistency.
  • Output findings in a concise file:line format for direct remediation.

Quick Start

Ask the user for the target UI files or patterns, fetch guidelines from the source, and run the review to output findings in file:line format.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
Can I audit an entire web application for accessibility issues at once?▼

You can audit individual pages or entire web applications for accessibility and UX issues by providing target UI files. The tool reads guidelines from a remote source, applies all rules to the specified files, and reports results in a file:line format.

Do I need to install any dependencies to run a UI code accessibility review?▼

The accessibility audit report outputs findings in a concise file:line format. This format directly maps identified accessibility, UX, and visual consistency issues to specific locations in your UI code for immediate remediation.

How does the tool evaluate visual consistency across different UI components?▼

No dependencies are required to run a UI code accessibility review. You simply provide the target UI files or patterns, and the tool fetches the Web Interface Guidelines from the remote source URL to evaluate your code.

How does the tool evaluate visual consistency across different UI components?▼

The tool evaluates visual consistency by applying the full set of Web Interface Guidelines rules to your specified UI components and screens. It assesses accessibility, UX, and visual patterns across the entire project to ensure consistent design quality.

Related Skills

Explore More Design & Creative Skills→
kingsonseangkingsonseang

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and output file:line findings.

Community
Basic
zyx77550zyx77550

web-design-guidelines

Identify Web Interface Guidelines violations in UI codebases and report file:line findings.

Community
Intermediate
pavegpaveg
2

ui-design-standards

Enforce UI design standards across frontend projects with theme tokens and component architecture.

Community
Advanced
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced