skills.rest
Menschlichkeit-Osterreich
Menschlichkeit-OsterreichOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility standards.

Updated Sep 22, 2025
Search Tags:#accessibility#web development#ui review#code audit#design guidelines#ux best practices
One-click install
npx skills add https://github.com/Menschlichkeit-Osterreich/menschlichkeit-oesterreich-development --skill web-design-guidelines-menschlichkeit-osterreich
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Menschlichkeit-Osterreich/menschlichkeit-oesterreich-development/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Menschlichkeit-Osterreich/menschlichkeit-oesterreich-development --skill web-design-guidelines-menschlichkeit-osterreich

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility guidelines, improving user experience and usability.

Core Features & Use Cases

  • UI Code Review: Automatically checks UI code against a predefined set of web interface guidelines.
  • Accessibility Auditing: Identifies potential accessibility issues within the user interface.
  • Best Practice Compliance: Verifies that the design and implementation follow industry best practices.
  • Use Case: A developer can use this skill to quickly audit a new component's UI code before merging it, ensuring it meets the project's design standards and accessibility requirements.

Quick Start

Use the web-design-guidelines skill to review the UI code in the 'src/components' directory.

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, you can review your front-end components against established standards to identify compliance issues and improve overall usability.

What is the best way to check front-end components for UX best practices before merging?▼

Checking front-end components for UX best practices involves automatically reviewing the UI code against a predefined set of web interface guidelines to verify design implementation and accessibility compliance.

Can I use a custom URL to fetch specific web interface guidelines for a code review?▼

Yes, you can fetch the latest web interface guidelines from a specified URL, allowing the code audit to apply accurate and customized rule sets to your front-end development workflow.

Does the accessibility audit work for any front-end development workflow?▼

The accessibility audit applies to front-end development workflows by checking user interface code for compliance with web interface guidelines and identifying potential accessibility issues.

What limitations exist when automatically checking UI code for design compliance?▼

A limitation of automatically checking UI code for design compliance is that it requires a specified URL to fetch the latest guidelines, meaning the audit accuracy depends entirely on the provided rule set.

Why should I review user interface code for accessibility standards?▼

Reviewing user interface code for accessibility standards helps ensure that web interfaces adhere to established design guidelines, which directly improves user experience and usability.

Related Skills

Explore More Design & Creative Skills→
hacsat88-bliphacsat88-blip

web-design-guidelines

Review UI code files for compliance with Web Interface Guidelines.

Community
Intermediate
YouMingYehYouMingYeh
2

web-design-guidelines

Audit web components and pages against current Web Interface Guidelines.

Community
Intermediate
gman-roboticsgman-robotics

web-design-guidelines

Review UI code against web interface guidelines and accessibility standards.

Official
Basic
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced