skills.rest
ReaJason
ReaJasonCOMMUNITY
Explore all skills by this author →
Website𝕏@ReaJason_GitHub

web-design-guidelines

Identify UI compliance issues by comparing code and assets against Web Interface Guidelines.

87|1|Updated Sep 6, 2025
Search Tags:#accessibility#frontend#design-review#ui-review#ux-audit#web-design-guidelines
One-click install
npx skills add https://github.com/ReaJason/No-One --skill web-design-guidelines-reajason
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ReaJason/No-One/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/ReaJason/No-One --skill web-design-guidelines-reajason

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for Web Interface Guidelines compliance and accessibility best practices, helping teams ship accessible, consistent UIs.

Core Features & Use Cases

  • Checks code and design assets against the latest web-interface guidelines
  • Identifies accessibility, usability, and consistency gaps in UI implementations
  • Use Case: QA teams audit new components or pages to ensure they meet WCAG-like guidelines and design standards.

Quick Start

Provide the file paths or patterns to review and let the skill fetch the latest guidelines to begin the audit.

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 web project for accessibility and UI compliance issues?▼

To audit UI for accessibility, provide your file paths or patterns for review. The skill fetches the latest Web Interface Guidelines, evaluates your code against them, and emits compliance findings in a terse file:line format.

Does this UI review tool work with React and Vue component libraries?▼

Yes, this UI review tool works with React, Vue, and vanilla HTML/CSS frameworks. It evaluates provided component library files and design assets to identify accessibility, consistency, and UX gaps across different web implementations.

What is a UX audit and how does it identify design consistency gaps?▼

A UX audit identifies design consistency gaps by comparing your provided code and assets against established Web Interface Guidelines. It evaluates UI implementations to find accessibility barriers, usability flaws, and visual inconsistencies.

Can I check vanilla HTML and CSS files against WCAG-like guidelines?▼

Yes, you can check vanilla HTML and CSS files against WCAG-like guidelines. The skill fetches official web design rules and evaluates your frontend code to identify accessibility and usability compliance issues.

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

The design review output uses a terse file:line format for reporting issues. After evaluating your code against the fetched guidelines, it emits findings that pinpoint exact locations of accessibility and UI compliance problems.

Why do I need to fetch the latest rules before running a UX audit?▼

You need to fetch the latest rules before running a UX audit to ensure your UI compliance checks reflect current Web Interface Guidelines. This guarantees that accessibility and design quality evaluations use up-to-date standards.

Related Skills

Explore More Design & Creative Skills→
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
NammDevNammDev
2

web-design-guidelines

Audit frontend HTML/CSS/JS code for Web Interface Guidelines compliance and accessibility issues.

Community
Intermediate
pavegpaveg
2

ui-design-standards

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

Community
Advanced
wredziowredzio

accessibility

Identify and remediate WCAG 2.1 AA accessibility issues in web pages.

Community
Advanced