skills.rest
fratilanico
fratilanicoCOMMUNITY
Explore all skills by this author →
Website𝕏@nicofratilaGitHub

web-design-guidelines

Assesses UI code compliance with Web Interface Guidelines and reports deviations.

7|1|Updated Feb 14, 2026
Search Tags:#design#accessibility#compliance#usability#code-review#ui-review#web-guidelines
One-click install
npx skills add https://github.com/fratilanico/apex-os-bad-boy --skill web-design-guidelines-fratilanico
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/fratilanico/apex-os-bad-boy/tree/main/web-design-guidelines
Command: npx skills add https://github.com/fratilanico/apex-os-bad-boy --skill web-design-guidelines-fratilanico

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web UI code often misses accessibility and design-consistency checks; this skill helps verify compliance with Web Interface Guidelines to improve usability and standards adherence.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL and read target files or patterns.
  • Check compliance against all defined rules and report deviations in a concise format.
  • Apply to reviews of web apps, components, prototypes, or design systems to ensure accessibility and UX quality.

Quick Start

Provide the UI project files or patterns to review and I will run the compliance check against the latest 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 check my web UI code for accessibility and design compliance?▼

The skill audits UI code against fetched Web Interface Guidelines to identify compliance gaps. It loads target files, evaluates rules for accessibility and consistency, and produces structured findings for web projects, components, and prototypes.

Can I review a specific component for usability and accessibility standards?▼

Yes, the skill applies to individual components, pages, or entire codebases. It fetches the latest Web Interface Guidelines and checks the target component for accessibility, consistency, and usability compliance, reporting deviations in a concise format.

What's the best way to audit a web prototype for UI consistency?▼

Provide the prototype files or patterns to the skill. It fetches the latest Web Interface Guidelines, evaluates the target code against all defined rules, and reports deviations to ensure accessibility, consistency, and UX quality.

Does this accessibility review process require any external dependencies?▼

No external dependencies are required. The skill independently fetches the latest Web Interface Guidelines from a source URL, reads your target UI files, and evaluates compliance without needing additional packages or environment setup.

When do I need to run a web guidelines compliance check?▼

Run a compliance check when web UI code lacks accessibility or design-consistency verification. It is essential for reviewing web apps, components, prototypes, and design systems to ensure accessibility, UX quality, and standards adherence.

Related Skills

Explore More Design & Creative Skills→
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
WD-CHINAWD-CHINA

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Community
Intermediate
cagdotincagdotin
36

web-design-guidelines

Evaluate frontend UI code against Web Interface Guidelines for accessibility and usability gaps.

Community
Intermediate
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate