skills.rest
buchungapp
buchungappOFFICIAL
Explore all skills by this author →
Website𝕏@buchungappGitHub

web-design-guidelines

Identify and report deviations from Web Interface Guidelines in UI code.

9|3|Updated Jan 14, 2024
Search Tags:#ui#accessibility#a11y#frontend#review#web-guidelines
One-click install
npx skills add https://github.com/buchungapp/nationaal-watersportdiploma --skill web-design-guidelines-buchungapp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/buchungapp/nationaal-watersportdiploma/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/buchungapp/nationaal-watersportdiploma --skill web-design-guidelines-buchungapp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams verify that UI code adheres to Web Interface Guidelines, catching accessibility, consistency, and usability issues early in the development process.

Core Features & Use Cases

  • Fetches the latest guidelines from the designated source and checks UI files for conformance.
  • Analyzes components for accessibility, semantic structure, contrast, and responsive behavior.
  • Use Case: When validating a new web interface, run a review to ensure all components meet the guidelines before release.

Quick Start

Provide the UI files or patterns you want reviewed and I will assess them against the latest Web Interface Guidelines.

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 web guideline compliance?▼

To audit UI code for web guideline compliance, provide your UI files or patterns for review. The tool compares them against the latest fetched guidelines and outputs concise, machine-readable findings on deviations.

What is checked during a web interface accessibility review?▼

A web interface accessibility review checks components for semantic structure, contrast, and responsive behavior. It identifies deviations from Web Interface Guidelines to catch usability and accessibility issues early.

Can I use this for a pre-deployment design audit?▼

Yes, you can use this for a pre-deployment design audit. It validates new web interfaces, components, and pages across projects to ensure all elements meet the latest Web Interface Guidelines before release.

How do I review web components for semantic structure and contrast?▼

To review web components for semantic structure and contrast, provide the UI files you want checked. The tool analyzes them against fetched guidelines and reports conformance issues in a machine-readable format.

Does the web design review require any specific dependencies?▼

The web design review does not require any specific dependencies. You simply provide the UI files or patterns you want reviewed, and it fetches the latest guidelines from the designated source to assess conformance.

What format do web guideline compliance findings output?▼

Web guideline compliance findings output in a concise, machine-readable format. This allows teams to quickly identify and resolve accessibility, consistency, and usability deviations found in the UI code.

Related Skills

Explore More Design & Creative Skills→
EdwinFerminEdwinFermin

web-design-guidelines

Identify UI guideline violations in web codebases and report them in file:line format.

Community
Intermediate
greghavensgreghavens
8

pdf

Extract text and metadata from PDF files using pdf-parse.

Community
Intermediate
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic
BenavidesMichaelBenavidesMichael

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design quality.

Community
Intermediate