skills.rest
potatsukki
potatsukkiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

2|Updated Feb 16, 2026
Search Tags:#ui#accessibility#guidelines#ux#web-design#design-review
One-click install
npx skills add https://github.com/potatsukki/rmv-web --skill web-design-guidelines-potatsukki
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/potatsukki/rmv-web/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/potatsukki/rmv-web --skill web-design-guidelines-potatsukki

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure UI code conforms to Web Interface Guidelines, catching accessibility, UX, and design conformance issues early in development.

Core Features & Use Cases

  • Automated checks of UI files against the latest Web Interface Guidelines.
  • Identifies accessibility (a11y) and usability issues, with actionable remediation notes.
  • Outputs findings in a concise file:line format for rapid remediation and review use on pages, components, or full sites.

Quick Start

Provide the UI files or patterns to review, and I will fetch the guidelines, analyze them, and report violations.

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 UX issues?▼

To audit UI code for accessibility and UX issues, provide your UI files or patterns. The tool fetches the latest Web Interface Guidelines, analyzes the target files, and outputs violations in a concise file:line format for rapid remediation.

What is automated web design conformance review and when do I need it?▼

Automated web design conformance review checks UI code against established Web Interface Guidelines to catch accessibility, UX, and visual design issues. You need it to ensure early development compliance for individual pages, components, or full sites.

Can I review a single component for accessibility compliance or does it require a full site?▼

You can review a single component for accessibility compliance without needing a full site. The review applies to individual pages, individual components, or full sites, analyzing target files and outputting findings in a terse file:line format.

How do I check if my web interface follows current UX and visual design guidelines?▼

To check if your web interface follows current UX and visual design guidelines, the tool fetches the latest standards, reads your target files, applies the rules, and reports actionable remediation notes in a terse file:line format.

What format are accessibility and UX violations reported in?▼

Accessibility and UX violations are reported in a concise file:line format. This terse output provides actionable remediation notes, allowing for rapid review and fixing of identified issues across your UI code.

What is the best way to catch web interface design issues early in development?▼

The best way to catch web interface design issues early is automated checks against the latest Web Interface Guidelines. This process identifies accessibility, UX, and visual design conformance issues and outputs findings in a concise file:line format.

Related Skills

Explore More Design & Creative Skills→
deangilmoreremixdeangilmoreremix

web-design-guidelines

Review UI files against web design and accessibility guidelines.

Community
Intermediate
KosmioKosmio

accessibility

Audit live pages with axe-core and React components with jsx-a11y for WCAG 2.1 AA violations.

Official
Advanced
Euraika-LabsEuraika-Labs
14

team-ui

Orchestrate multi-role UI workflows for game projects from specification to polish.

Official
Advanced
ladinglogichqladinglogichq

web-design-guidelines

Audit web UI assets for compliance with Web Interface Guidelines.

Official
Intermediate