skills.rest
balkhaev
balkhaevCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit web interface source code against design and accessibility guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the inconsistency and accessibility gaps often found in web interfaces by providing an automated audit against established design and usability standards.

Core Features & Use Cases

  • Automated UI Auditing: Scans code files to identify deviations from Web Interface Guidelines.
  • Accessibility & UX Checks: Validates components against best practices for accessibility and user experience.
  • Use Case: Use this tool during a code review to ensure that a new dashboard component follows the team's design system and accessibility requirements before merging.

Quick Start

Ask the web-design-guidelines skill to audit the file named header.tsx for compliance with current interface standards.

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 accessibility and design system compliance?▼

To audit UI code for accessibility and design system compliance, the Skill evaluates web interface source code, layout files, and style definitions against established design and usability standards. It performs static analysis to identify deviations from web standards.

Can I check my web components for UX best practices during a code review?▼

You can check web components for UX best practices during a code review by requesting an audit of specific files. The Skill validates components against current accessibility and user experience guidelines before merging.

What is automated UI auditing for web development projects?▼

Automated UI auditing for web development projects is the process of scanning code files to identify inconsistencies and accessibility gaps. This Skill provides an automated audit against established design and usability standards to ensure professional web interfaces.

Does the UI auditing process require external design rule sets?▼

The UI auditing process requires external fetching of current rule sets to perform comprehensive static analysis of code patterns. This ensures the evaluation checks your source code against the most up-to-date web interface guidelines.

How do I run a static analysis on my style definitions for web standards?▼

To run static analysis on style definitions for web standards, ask the Skill to audit the target file. It scans the code patterns within your layout files and style definitions to detect deviations from established web standards.

Related Skills

Explore More Design & Creative Skills→
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate
hopeoverturehopeoverture
6

ui-library-usage-auditor

Audit shadcn/ui component usage for accessibility and design-system conformance.

Community
Advanced
jewbetchajewbetcha
115

code-reviewer

Analyze code across TypeScript, JavaScript, Python, Go, Swift, and Kotlin and generate structured PR feedback.

Community
Basic
praveenpererapraveenperera
4

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate