skills.rest
ethanranxu
ethanranxuCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and report compliance gaps.

Updated Feb 14, 2026
Search Tags:#accessibility#code-review#visual-consistency#ui-review#web-guidelines#design-audit
One-click install
npx skills add https://github.com/ethanranxu/NexusRan --skill web-design-guidelines-ethanranxu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ethanranxu/NexusRan/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/ethanranxu/NexusRan --skill web-design-guidelines-ethanranxu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures UI code adheres to Web Interface Guidelines by automatically fetching the latest rules and applying them to your files to identify non-compliance.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines before each review.
  • Read the specified files or patterns and validate accessibility, responsiveness, and design consistency.
  • Output findings in the concise file:line format to accelerate remediation.
  • Use Case: teams auditing a UI library for accessibility and visual consistency across components.

Quick Start

Provide the set of UI files to review and I will fetch the latest guidelines and assess 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 my UI code for accessibility and visual consistency?▼

To audit UI code for accessibility and visual consistency, provide your UI files or file patterns for review. The tool fetches the latest Web Interface Guidelines and evaluates your components against them, returning findings in a concise file:line format.

What is a UI design audit against web interface guidelines?▼

A UI design audit evaluates your codebase against Web Interface Guidelines to identify compliance gaps. It scans specified files to validate accessibility, usability, responsiveness, and style consistency across components, returning concise file:line findings.

Can I review a specific file pattern for responsiveness and usability?▼

Yes, you can review specific file patterns for responsiveness and usability. Provide the target files or patterns, and the tool will read and validate them against the fetched design rules, outputting precise file:line remediation points.

Does this web guidelines review require any external dependencies?▼

No, this web guidelines review requires no external dependencies. It operates independently by fetching the latest rules from the Guidelines Source before applying them to your provided UI files to identify non-compliance.

How are design audit findings formatted for remediation?▼

Design audit findings are returned in a concise file:line format to accelerate remediation. This format pinpoints exact locations of accessibility, responsiveness, or style consistency gaps within your codebase for quick fixes.

Related Skills

Explore More Design & Creative Skills→
jonnathan-lsjonnathan-ls

web-design-guidelines

Compare web project files against Web Interface Guidelines to identify UI compliance issues.

Community
Intermediate
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic
balkhaevbalkhaev

web-design-guidelines

Audit web interface source code against design and accessibility guidelines.

Community
Intermediate