skills.rest
J511Y
J511YCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design best practices.

Updated Jan 25, 2026
Search Tags:#accessibility#ui review#web design#code audit#guidelines#ux
One-click install
npx skills add https://github.com/J511Y/share-paint --skill web-design-guidelines-j511y
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/J511Y/share-paint/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/J511Y/share-paint --skill web-design-guidelines-j511y

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility best practices, improving the quality and user experience of web applications.

Core Features & Use Cases

  • Code Review: Analyzes UI code against a predefined set of web interface guidelines.
  • Accessibility Check: Identifies potential accessibility issues in the design.
  • Best Practice Audit: Verifies adherence to general web design standards.
  • Use Case: A developer can use this skill to quickly audit a new component's code before merging to ensure it meets the team's UI standards.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js'.

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 front-end code for accessibility and UI compliance?▼

To audit UI code, you review specific files or patterns against external web interface guidelines to verify accessibility and design best practices. This process checks your components for compliance issues before merging.

What does a UI code review for web design guidelines check?▼

A UI code review checks front-end code against established web interface guidelines. It identifies potential accessibility issues, verifies adherence to general web design standards, and highlights areas needing best practice adjustments.

Can I use this skill to review a specific component file?▼

Yes, you can review a specific component file like 'src/components/Button.js' by applying fetched external web interface guidelines. The skill analyzes the provided file pattern for accessibility and design compliance.

Do I need external guidelines to perform a UI code audit?▼

Yes, performing a UI code audit requires fetching external web interface guidelines. The skill applies these fetched standards to your specified files or patterns to evaluate accessibility and design best practices.

When do I need to run a web design guidelines check?▼

You need to run a web design guidelines check when auditing user interfaces during front-end development workflows. It is particularly useful before merging a new component to ensure it meets established team UI standards.

Related Skills

Explore More Software Engineering Skills→
pkoka888pkoka888
1

web-design-guidelines

Review HTML, CSS, and front-end files against Web Interface Guidelines.

Community
Intermediate
caterpi11arcaterpi11ar
3

web-design-guidelines

Audit web interface source code against Vercel Web Interface Guidelines.

Community
Intermediate
thanhquan3010thanhquan3010

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility standards.

Community
Intermediate
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate