skills.rest
mahoushoujyo-eee
mahoushoujyo-eeeCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review web interface code against Vercel Web Interface Guidelines for accessibility and usability violations.

15|Updated Feb 14, 2026
Search Tags:#accessibility#frontend#ui review#web design#ux audit#interface guidelines
One-click install
npx skills add https://github.com/mahoushoujyo-eee/eshell --skill web-design-guidelines-mahoushoujyo-eee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mahoushoujyo-eee/eshell/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mahoushoujyo-eee/eshell --skill web-design-guidelines-mahoushoujyo-eee

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps identify usability, accessibility, and interface-quality issues in web UI code before they reach users.

Core Features & Use Cases

  • Guideline-Based Reviews: Fetches the latest Web Interface Guidelines and applies them to the requested files.
  • Accessibility and UX Audits: Checks UI implementation details against current interface best practices.
  • Actionable Findings: Reports issues in a concise file-and-line format for efficient remediation.
  • Use Case: Ask it to review a React component or a group of frontend files for accessibility and design compliance before a release.

Quick Start

Ask the web-design-guidelines skill to review the specified UI files against the latest Web Interface Guidelines and report actionable findings.

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 components for accessibility and design violations?▼

To audit frontend components for accessibility and design violations, you need to review web interface code against current guidelines. This skill fetches the latest Web Interface Guidelines, analyzes your specified UI files, and reports actionable findings in a concise file-and-line format.

What is a UI review for web interface guidelines?▼

A UI review for web interface guidelines is the process of checking UI implementation details against best practices. It identifies usability, accessibility, and interface-quality issues in web UI code before they reach users, ensuring polished interface delivery.

Can I use this to check React components for usability issues before a release?▼

Yes, you can check React components for usability issues before a release. The skill applies to frontend components, websites, and UI file patterns during design reviews or pre-release quality checks to identify interface-quality problems.

How do I get actionable findings from a UX audit of my web files?▼

To get actionable findings from a UX audit, the skill analyzes your specified web files and reports issues in a prescribed file-and-line format. This ensures efficient remediation by pinpointing exact locations of accessibility and design violations.

What is the best way to ensure my web interface code is accessible?▼

The best way to ensure web interface code is accessible is to fetch the latest Web Interface Guidelines and apply them during a dedicated review. This skill automates checking UI implementation details against current interface best practices for compliance.

Related Skills

Explore More Design & Creative Skills→
caterpi11arcaterpi11ar
3

web-design-guidelines

Audit web interface source code against Vercel Web Interface Guidelines.

Community
Intermediate
evandrodevbrevandrodevbr
1

web-design-guidelines

Review web interfaces for design, usability, and accessibility compliance issues.

Community
Intermediate
eserlaneserlan
2

web-component-design

Standardize cross-framework UI component design across React, Vue, and Svelte.

Community
Advanced
kevinxo328kevinxo328
5

web-design-guidelines

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

Community
Intermediate