skills.rest
kk580kk
kk580kkCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for non-compliance issues.

1|Updated Mar 20, 2026
Search Tags:#code review#accessibility#design review#Web Interface Guidelines#UI compliance
One-click install
npx skills add https://github.com/kk580kk/Investment-analysis-reports --skill web-design-guidelines-kk580kk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kk580kk/Investment-analysis-reports/tree/main/skills/calcom-cal.com-web-design-guidelines-1.0.2
Command: npx skills add https://github.com/kk580kk/Investment-analysis-reports --skill web-design-guidelines-kk580kk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps identify and resolve non-compliance issues in UI code with Web Interface Guidelines, improving accessibility and user experience.

Core Features & Use Cases

  • Compliance Checking: Reviews UI code against the latest Web Interface Guidelines.
  • Guideline Fetching: Fetches the latest guidelines from a source URL.
  • File Reading: Reads specified files or prompts for user input.
  • Rule Application: Applies all rules from the fetched guidelines.
  • Output: Provides findings in a concise format.

Quick Start

Run the skill with the file or pattern you want to review, e.g., 'web-design-guidelines web-design.md'.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my UI code for Web Interface Guidelines compliance?▼

To check UI code compliance, run a review against the Web Interface Guidelines to identify non-compliance issues. This process audits UI code, verifies accessibility, and outputs findings in a concise format.

Can I perform an accessibility check on a specific markdown file?▼

Yes, you can perform an accessibility check by providing a specific file or pattern as input. The review reads the specified files, applies all rules from the fetched guidelines, and highlights non-compliance issues.

What is the best way to automate a design review for web interfaces?▼

The best way to automate a design review is fetching the latest guidelines from a source URL and applying all rules directly to your UI code. This identifies compliance issues efficiently without manual checks.

Do I need a source URL to run a UI code audit?▼

Yes, you need a source URL to run a UI code audit. The review requires fetching the latest Web Interface Guidelines from the URL to apply the rules and check your code for non-compliance.

Why does the code review prompt for user input during execution?▼

The code review prompts for user input when no specific files are provided. It needs file input to read the UI code and apply the fetched Web Interface Guidelines rules to identify non-compliance issues.

Related Skills

Explore More Software Engineering Skills→
mymx2mymx2
4

web-design-guidelines

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

Community
Intermediate
Kaduh15Kaduh15

web-design-guidelines

Inspect UI code for Web Interface Guidelines compliance and accessibility issues.

Community
Basic
tsuji-tomonoritsuji-tomonori

a11y-ci-gating

Automate accessibility testing in CI/CD pipelines with quality gates.

Community
Advanced
MaxStrootmannMaxStrootmann

web-design-guidelines

Audit UI code against web design and accessibility guidelines.

Community
Intermediate