skills.rest
vhoangbk
vhoangbkCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Feb 28, 2026
Search Tags:#ui#accessibility#design review#code audit#ux#web standards
One-click install
npx skills add https://github.com/vhoangbk/local-video-convert --skill web-design-guidelines-vhoangbk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vhoangbk/local-video-convert/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/vhoangbk/local-video-convert --skill web-design-guidelines-vhoangbk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility guidelines, preventing common UI/UX issues.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a comprehensive set of web interface guidelines.
  • Compliance Checking: Identifies deviations from best practices in areas like accessibility, usability, and visual design.
  • Use Case: A developer can use this Skill to audit a new component's code before deployment to catch potential accessibility violations or design inconsistencies.

Quick Start

Review the file 'src/components/Button.tsx' for UI guideline compliance.

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 guideline compliance?▼

To audit front-end code for accessibility compliance, scan specified component files against established web interface guidelines to identify deviations in usability, visual design, and best practices.

What is a UI code review for web standards and when do I need it?▼

A UI code review for web standards checks front-end components for accessibility and design best practices. You need it before deployment to catch potential UI/UX issues and ensure adherence to established guidelines.

Can I use this to check a specific component file like Button.tsx for UX issues?▼

Yes, you can check a specific component file like Button.tsx for UX issues by applying the code audit to that specified file pattern to identify accessibility violations or design inconsistencies.

Does the web design review process require fetching external guidelines?▼

Yes, the web design review process requires fetching external guidelines to apply them to your specified files or patterns during the code audit for compliance checking.

What's the best way to prevent common UI/UX issues in a front-end codebase?▼

The best way to prevent common UI/UX issues is to run automated compliance checks on your front-end codebase, scanning for deviations from established accessibility and visual design best practices before deployment.

Related Skills

Explore More Software Engineering Skills→
sabyunreposabyunrepo

web-design-guidelines

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

Community
Intermediate
nweiinweii
7

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
tnunamaktnunamak

web-design-guidelines

Review web UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
balkhaevbalkhaev

web-design-guidelines

Audit web interface source code against design and accessibility guidelines.

Community
Intermediate