skills.rest
tuliof
tuliofCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit web interface code against standardized design and accessibility guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses inconsistencies and accessibility gaps in web interfaces by automating the audit process against established design and usability standards.

Core Features & Use Cases

  • Automated Auditing: Scans UI code files to verify compliance with Web Interface Guidelines.
  • Accessibility & UX Checks: Identifies potential design flaws, accessibility barriers, and usability issues before deployment.
  • Use Case: Use this tool during a code review to ensure that a new feature component adheres to accessibility best practices and design system constraints.

Quick Start

Ask the assistant to review the UI code in the specified file or directory against the latest web interface guidelines.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What does a web interface accessibility audit check for?▼

An accessibility audit scans frontend UI code to identify design flaws, accessibility barriers, and usability issues, verifying compliance with standardized web interface guidelines before deployment.

How do I check if my frontend code meets web design guidelines?▼

To check frontend code against web design guidelines, direct the assistant to review the specified source files or directories, and it will parse the local UI code to automate the compliance audit.

Can I use this tool to review UI components during a standard code review?▼

Yes, you can integrate this tool into frontend development workflows and code reviews to ensure new UI component implementations adhere to accessibility best practices and design system constraints.

Does UI code auditing require network access to fetch rule definitions?▼

Yes, UI code auditing requires network access to fetch the latest standardized design and accessibility rule definitions, alongside local file system access to parse the source code.

Why should I automate accessibility and UX checks instead of manual review?▼

Automating accessibility and UX checks addresses inconsistencies and accessibility gaps in web interfaces efficiently, scanning UI code files to catch potential design flaws and usability issues before deployment.

Are there limitations when automating web interface design compliance checks?▼

Automated web interface design compliance checks are limited to parsing local source code files and require network access, meaning they cannot audit rendered runtime states or dynamically injected DOM elements.

Related Skills

Explore More Software Engineering Skills→
kalamdbkalamdb
48

web-design-guidelines

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

Official
Intermediate
alxayoalxayo
17

checkov-security-scan

Detect security misconfigurations and compliance violations in Infrastructure as Code.

Community
Advanced
saschadudkin-sketchsaschadudkin-sketch

storybook-design-system

Automate creation and validation of Storybook stories and design-system components.

Community
Intermediate
eventua11yeventua11y
1

reviewing-web-awesome

Validate Web Awesome 3 component accessibility in Eventua11y against WCAG 2.2 AA.

Official
Intermediate