web-design-guidelines

Review UI files against Web Interface Guidelines and report violations in file:line format.

Updated Mar 29, 2026
One-click install
npx skills add https://github.com/Muhomorik/KanelBulleKapital --skill web-design-guidelines-muhomorik
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Muhomorik/KanelBulleKapital/tree/main/.junie/skills/web-design-guidelines
Command: npx skills add https://github.com/Muhomorik/KanelBulleKapital --skill web-design-guidelines-muhomorik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams ensure accessibility, consistency, and best-practice alignment across web interfaces.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source
  • Read target UI files or patterns and apply guidelines
  • Output concise findings suitable for remediation and design review
  • Use Case: Verify new components against guidelines before release.

Quick Start

Provide the path to the UI files you want reviewed.

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 web design guidelines?

To audit UI code for accessibility and web design guidelines, provide the path to your target UI files. The tool reads the patterns, applies the latest guidelines, and outputs concise findings in a file:line format for remediation.

Can I check UI files for UX and visual consistency violations before release?

You can check UI files for UX and visual consistency violations by providing the file paths for review. The tool analyzes the specified patterns and reports any compliance findings suitable for design review.

What is a UI audit for web interface compliance?

A UI audit for web interface compliance is a review process that checks target UI files against the latest design guidelines. It identifies violations across accessibility, UX, and visual consistency, outputting results in a concise file:line format.

Does this UI audit tool require any dependencies or external components?

This UI audit tool requires no dependencies or external components to function. You simply provide the path to the UI files or patterns you want reviewed, and it fetches the guidelines from the configured source.

How do I verify new web components against design guidelines?

To verify new web components against design guidelines, provide the path to the component files. The tool fetches the latest Web Interface Guidelines, analyzes the code, and outputs concise compliance findings.