skills.rest
tlswhdghks42
tlswhdghks42COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch remote Web Interface Guidelines and review UI code for compliance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall design quality.

Core Features & Use Cases

  • Automated Code Review: Scans UI code files against a predefined set of design and accessibility rules.
  • Guideline Fetching: Automatically retrieves the latest guidelines from a specified URL before each review.
  • Use Case: A developer can use this skill to quickly audit a new component's code for compliance with company-wide design standards before merging it.

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 frontend code for web design and accessibility compliance?▼

Automated UI code review fetches the latest markdown guidelines from a remote URL and applies rule-based checks to specified frontend files to verify design and accessibility compliance before merging.

What is the best way to ensure UI code meets web interface guidelines?▼

The best way to ensure UI code meets web interface guidelines is to run an automated code review that retrieves the latest remote rules and scans your components for design and accessibility standard violations.

Can I review specific front-end component files for accessibility standards?▼

Yes, you can review specific front-end component files for accessibility standards by specifying file paths or patterns, which the skill audits against fetched web interface guidelines.

Does this web design code audit fetch external rules before reviewing?▼

Yes, this web design code audit fetches external rules by automatically retrieving the latest markdown guidelines from a specified remote URL before each review to ensure checks use current standards.

What are the limitations of using automated rule-based checks for UI code?▼

Automated rule-based checks for UI code are limited to the predefined design and accessibility rules fetched remotely, meaning they may not catch complex contextual visual issues or dynamic runtime accessibility defects.

Related Skills

Explore More Design & Creative Skills→
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate
mklozmkloz

web-design-guidelines

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

Community
Intermediate
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic