skills.rest
kalamdb
kalamdbOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

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

48|3|Updated Oct 13, 2025
Search Tags:#code review#accessibility#compliance#web design#ux#ui audit
One-click install
npx skills add https://github.com/kalamdb/KalamDB --skill web-design-guidelines-kalamdb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kalamdb/KalamDB/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/kalamdb/KalamDB --skill web-design-guidelines-kalamdb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the inconsistency and accessibility issues often found in web interfaces by automating the audit process against established design standards.

Core Features & Use Cases

  • Automated Compliance Auditing: Scans UI code to ensure it adheres to modern Web Interface Guidelines.
  • Accessibility & UX Checks: Identifies potential accessibility gaps and design flaws before they reach production.
  • Use Case: A developer can run this audit on a new component library to ensure all buttons, forms, and layouts meet the organization's accessibility and design requirements.

Quick Start

Use the web-design-guidelines skill to audit the files in the src/components directory 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 audit UI source code for web design compliance?▼

To audit UI source code for web design compliance, you can automate the review process against standardized Web Interface Guidelines to ensure accessibility and design consistency across your frontend components.

How do I check my frontend components for accessibility issues before production?▼

Checking frontend components for accessibility issues involves scanning the UI code to identify potential gaps and design flaws, ensuring buttons, forms, and layouts meet organizational requirements.

Can I run an automated UX and UI audit on a component library?▼

Yes, you can run an automated UX and UI audit on a component library by scanning its source files to ensure all elements adhere to modern Web Interface Guidelines and accessibility standards.

Does web design code auditing require network and local file system access?▼

Web design code auditing requires network access to fetch the latest rule definitions and local file system access to analyze target UI components within your development environment.

What is the best way to ensure design consistency in frontend development workflows?▼

The best way to ensure design consistency in frontend development workflows is to integrate automated compliance auditing into your code reviews and quality assurance testing for web applications.

Related Skills

Explore More Design & Creative Skills→
tulioftuliof

web-design-guidelines

Audit web interface code against standardized design and accessibility guidelines.

Community
Intermediate
rajitsaharajitsaha
10

a11y-auditor

Audit web pages and UI components for WCAG 2.2 Level AA compliance.

Community
Advanced
olimpus-softolimpus-soft

review-frontend

Automate frontend code reviews for security, performance, and accessibility issues.

Official
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced