skills.rest
JiaxingBI
JiaxingBICOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Aug 27, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/JiaxingBI/LL2026 --skill web-design-guidelines-jiaxingbi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/JiaxingBI/LL2026/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/JiaxingBI/LL2026 --skill web-design-guidelines-jiaxingbi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving the quality, consistency, and accessibility of web applications.

Core Features & Use Cases

  • Automated Code Review: Scans UI code against a comprehensive set of best practices.
  • Compliance Checking: Verifies adherence to accessibility, usability, and design standards.
  • Use Case: When developing a new feature, use this Skill to audit the UI code before deployment to catch potential design or accessibility issues early.

Quick Start

Use the web-design-guidelines skill to review the UI code in the src/components directory.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI code for web design and accessibility compliance?▼

To review UI code for web design and accessibility compliance, the skill scans front-end files against established Web Interface Guidelines, fetching external rules via WebFetch to perform rule-based analysis and catch design issues early.

What is the best way to audit front-end code for UX standards before deployment?▼

The best way to audit front-end code for UX standards is running an automated code review that verifies adherence to usability and accessibility rules, ensuring your UI code meets web standards before deployment.

Can I check specific component directories for web accessibility guidelines?▼

Yes, you can check specific component directories for web accessibility guidelines by targeting specified file patterns like src/components, allowing the audit to scan your UI code against best practices.

Does this UI code review tool require external guideline sources?▼

Yes, the UI code review tool requires fetching external guidelines via WebFetch, which provides the established web interface rules needed to perform the compliance checking and rule-based analysis.

When do I need automated accessibility and UX audits in front-end development?▼

You need automated accessibility and UX audits in front-end development when building new features, ensuring UI code adheres to design standards and catching potential usability issues before they reach production.

What limitations exist when checking UI code against web interface guidelines?▼

A limitation when checking UI code against web interface guidelines is that the analysis depends entirely on fetching external guideline sources, meaning the audit cannot perform rule-based checks without access to those external rules.

Related Skills

Explore More Design & Creative Skills→
sidjamylsidjamyl

web-design-guidelines

Review UI code files against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
Jst-Well-DanJst-Well-Dan
8

frontend-design

Create distinctive frontend interfaces with HTML/CSS/JS and modern frameworks.

Community
Advanced
pkoka888pkoka888
1

web-design-guidelines

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

Community
Intermediate
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced