skills.rest
kirklin
kirklinCOMMUNITY
Explore all skills by this author →
Website𝕏@lkirkunGitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and output line-numbered compliance findings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This capability helps teams ensure UI code adheres to established Web Interface Guidelines by detecting deviations and compliance gaps across a project.

Core Features & Use Cases

  • Fetch the latest guidelines from the designated Web Interface Guidelines source.
  • Read and analyze the specified UI files or patterns for compliance.
  • Apply all guideline rules and report non-conformities in a concise, actionable format.
  • Use Case: Review a UI folder to surface accessibility and design consistency issues before release.

Quick Start

Provide the UI files to review and I will fetch the latest guidelines and assess 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 code for accessibility and design compliance?▼

To audit UI code, the Skill fetches the latest web interface guidelines, reads your target files, applies all rules, and outputs compliance gaps in a concise, line-numbered format.

What is a UI review against web design guidelines?▼

A UI review against web design guidelines is the process of analyzing UI files to detect deviations and surface accessibility or design consistency issues before release.

Can I check accessibility issues across an entire UI folder?▼

Yes, you can check accessibility issues across a UI folder by specifying it for review; the tool reads and analyzes the target UI files or patterns for compliance.

Do I need to manually update web design guidelines for the audit?▼

No, you do not need to manually update web design guidelines; the Skill automatically fetches the latest guidelines from the designated source before applying the rules to your code.

What is the best way to report non-conformities found in UI code?▼

The best way to report non-conformities is to output findings in a concise, actionable, line-numbered format, allowing developers to quickly locate and fix compliance gaps.

Does the UI audit require any external dependencies or components?▼

No, the UI audit requires no external dependencies or components; it operates independently to fetch guidelines, read target files, and output findings.

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
WD-CHINAWD-CHINA

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Community
Intermediate
TarasTsavolykTarasTsavolyk
1

verify

Run linting, testing, and type checking before code commit.

Community
Intermediate
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate