skills.rest
fellipeutaka
fellipeutakaCOMMUNITY
Explore all skills by this author →
Website𝕏@fellipeutakaGitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations in file:line format.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to ensure accessibility, consistency, and best practices across projects.

Core Features & Use Cases

  • Fetch latest guidelines from the official source before review.
  • Read target files or patterns, apply all guidelines, and report violations in a concise file:line format.
  • Use cases include design audits, accessibility checks, UX reviews, and UI code quality improvements.

Quick Start

Provide the files or pattern to review; I will fetch the latest guidelines and report findings.

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 design consistency?▼

To audit UI code for accessibility and design consistency, provide your target files or patterns. The tool fetches the latest Web Interface Guidelines, reads the files, and reports violations in a concise file:line format.

What is a UI code review against Web Interface Guidelines?▼

A UI code review evaluates your specified files against fetched Web Interface Guidelines to ensure accessibility and design consistency. It outputs findings in a file:line format to pinpoint exact violations across your project.

Can I run an accessibility audit on specific file patterns instead of the whole project?▼

Yes, you can run an accessibility audit on specific file patterns. Provide the desired files or patterns, and the review will apply all guidelines exclusively to those targets, reading them and outputting precise findings.

Does this UI code review fetch the latest accessibility guidelines automatically?▼

Yes, the UI code review fetches the latest accessibility guidelines automatically from the official source before evaluating your files. This ensures your accessibility and design consistency checks always follow current standards.

What is the best way to check web design compliance across multiple projects?▼

The best way to check web design compliance is to provide target files from each project. The tool fetches current guidelines, evaluates the specified files, and outputs consistent file:line findings for your UX reviews and audits.

Why does my UI code review report findings in a file:line format?▼

Your UI code review reports findings in a file:line format to provide concise, actionable feedback. This format pinpoints exact locations of accessibility and design consistency violations within your evaluated files for quick fixes.

Related Skills

Explore More Design & Creative Skills→
Shana-AEShana-AE
2

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
kolodachkolodach

web-design-guidelines

Review UI code against current web interface guidelines and report file:line violations.

Community
Intermediate
woody1234567woody1234567
1

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and visual compliance.

Community
Intermediate
MODSetterMODSetter
15.8k

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

Community
Intermediate