skills.rest
okatech-org
okatech-orgCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch Web Interface Guidelines and report UI file violations.

Updated Aug 23, 2026
Search Tags:#consistency#accessibility#usability#review#ui-design#web-guidelines#design-audit
One-click install
npx skills add https://github.com/okatech-org/gabon-diplomatie --skill web-design-guidelines-okatech-org
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/okatech-org/gabon-diplomatie/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/okatech-org/gabon-diplomatie --skill web-design-guidelines-okatech-org

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The guidelines review tool helps teams verify that user interfaces conform to current Web Interface Guidelines, reducing accessibility gaps and visual inconsistencies across apps and websites.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Analyze provided UI files or patterns for compliance against the guidelines.
  • Generate actionable remediation notes and a concise compliance report for design and development teams.

Quick Start

Provide the UI files or patterns to review so the tool fetches guidelines and reports non-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 files for Web Interface Guidelines compliance?▼

A UI design audit checks your user interface files against current Web Interface Guidelines to identify accessibility gaps and visual inconsistencies. This process enforces guideline rules by evaluating provided patterns and reporting non-compliance across your application or website.

Can I perform a repository-wide design system conformance check?▼

Yes, this tool supports repository-wide audits, component-by-component reviews, and design-system conformance checks. It evaluates your provided UI files or patterns against the latest Web Interface Guidelines and reports non-compliance in a concise format.

How do I check my components for accessibility and usability consistency?▼

You can check components for accessibility and usability consistency by providing your UI files for a design audit. The tool fetches updated Web Interface Guidelines, evaluates your components against these rules, and generates actionable remediation notes to fix violations.

Do I need to manually provide the latest web guidelines for a design audit?▼

No, you do not need to manually provide the latest web guidelines for a design audit. The tool automatically fetches updated Web Interface Guidelines from the official source, evaluates your provided UI files, and reports non-compliance without manual rule configuration.

What is the best way to report UI design violations to development teams?▼

The best way to report UI design violations is to generate a concise compliance report with actionable remediation notes. This provides design and development teams with clear instructions on fixing accessibility gaps and visual inconsistencies found during the UI audit.

Related Skills

Explore More Design & Creative Skills→
Shirataki2Shirataki2
2

web-design-guidelines

Compare UI code against Web Interface Guidelines and report non-conformities in file:line format.

Community
Intermediate
aifuxiaifuxi
437

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance gaps.

Community
Intermediate
zzafergokzzafergok
1

ui-ux-audit-specialist

Audits UI components and pages for WCAG AA compliance and design-system conformance.

Community
Intermediate
Khoatran1999Khoatran1999

web-design-guidelines

Identify UI code violations against Web Interface Guidelines and propose remediation steps.

Community
Intermediate