skills.rest
andymsun
andymsunCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

1|Updated Jan 24, 2026
Search Tags:#ui#accessibility#design review#code audit#ux#web guidelines
One-click install
npx skills add https://github.com/andymsun/lawvics --skill web-design-guidelines-andymsun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/andymsun/lawvics/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/andymsun/lawvics --skill web-design-guidelines-andymsun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a set of predefined web interface guidelines.
  • Compliance Checking: Verifies adherence to accessibility standards, design principles, and usability heuristics.
  • Use Case: A developer can use this skill to quickly audit a new component's code for compliance before merging it into the main branch, catching potential issues early.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.tsx' for 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 review my UI code for accessibility and design compliance?▼

To review UI code for accessibility compliance, you can audit specified front-end files against established web interface guidelines to verify adherence to usability heuristics and design best practices.

What is automated web interface code audit and how does it work?▼

Automated web interface code audit scans specified component files against predefined web guidelines, validating front-end development workflows to catch accessibility and usability issues before merging into the main branch.

Can I check a specific React component file against web design guidelines?▼

Yes, you can check a specific component file against web design guidelines by specifying the file path, allowing the review process to fetch external guidelines and apply them directly to your UI code for validation.

Does accessibility code review work for general web applications or only specific frameworks?▼

Accessibility code review applies to general front-end development workflows for web applications and user interfaces, verifying compliance with web interface guidelines regardless of specific UI frameworks.

What are the limitations of automated UI compliance checking?▼

Automated UI compliance checking requires fetching external guidelines to validate specified code files, meaning it focuses on predefined web interface standards and may not cover custom design patterns outside established accessibility best practices.

Related Skills

Explore More Design & Creative Skills→
hwchiuhwchiu

web-design-guidelines

Fetch latest Web Interface Guidelines and review UI code files for compliance.

Community
Basic
pau-vegapau-vega

web-design-guidelines

Identify UI code violations against Web Interface Guidelines in file:line format.

Community
Intermediate
akashic-devkitakashic-devkit
2

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Official
Intermediate
dtsongdtsong
1

web-design-guidelines

Fetch external rules and review UI code for Web Interface Guidelines compliance.

Community
Intermediate