skills.rest
willhutson
willhutsonCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Aug 23, 2026
Search Tags:#accessibility#frontend#ui review#code audit#web guidelines#design compliance
One-click install
npx skills add https://github.com/willhutson/erp_staging_lmtd --skill web-design-guidelines-willhutson
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/willhutson/erp_staging_lmtd/tree/main/spokestack/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/willhutson/erp_staging_lmtd --skill web-design-guidelines-willhutson

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that user interface code adheres to established Web Interface Guidelines, improving consistency and quality.

Core Features & Use Cases

  • Automated Code Review: Scans UI code against a predefined set of best practices and design principles.
  • Accessibility Checks: Identifies potential accessibility issues based on guideline rules.
  • Use Case: A developer can use this skill to quickly audit a new component's code before merging, ensuring it meets the project's design and accessibility standards.

Quick Start

Use the web-design-guidelines skill to review the UI code in the 'src/components/Button.tsx' file.

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 UI code for compliance with web design guidelines?▼

This skill automates UI code review by scanning your provided front-end files against fetched Web Interface Guidelines, identifying deviations from best practices and accessibility standards.

What does an automated UI code review check for in front-end development?▼

An automated UI code review evaluates front-end files for adherence to design systems, identifying potential accessibility issues and deviations from established web guidelines before merging components.

Can I use this skill to check accessibility issues in specific component files?▼

Yes, you can review specific component files like 'src/components/Button.tsx' by passing them to the skill, which scans the code for potential accessibility issues based on predefined guideline rules.

Does this UI review skill require fetching guidelines from an external URL?▼

Yes, this skill requires fetching the latest Web Interface Guidelines from a specified URL to accurately apply those best practices and design rules to your user-provided files.

What's the best way to ensure front-end code quality before merging?▼

Running an automated code audit against established web guidelines is the best way to catch accessibility issues and design deviations, ensuring front-end code quality before a component merge.

Related Skills

Explore More Software Engineering Skills→
LeighAtkinsLeighAtkins

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
ckyeonckyeon

web-design-guidelines

Identify code deviations from Web Interface Guidelines during UI code reviews.

Community
Intermediate
mklozmkloz

web-design-guidelines

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

Community
Intermediate
hackeshackeshackeshackes
6

web-design-guidelines

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

Community
Intermediate