skills.rest
blenvi
blenviOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Compare HTML, CSS, and JS code against Web Interface Guidelines and report violations in file:line format.

Updated Aug 27, 2026
Search Tags:#ui#accessibility#audit#code-quality#design-review#web-guidelines
One-click install
npx skills add https://github.com/blenvi/blenvi --skill web-design-guidelines-blenvi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/blenvi/blenvi/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/blenvi/blenvi --skill web-design-guidelines-blenvi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams identify UI accessibility and consistency gaps by comparing source files to the latest Web Interface Guidelines.

Core Features & Use Cases

  • Guideline Fetching: Retrieves the latest rules from the external guidelines source.
  • File Coverage: Scans HTML/CSS/JS/templates for violations.
  • Report Output: Produces findings in file:line format for quick triage.

Quick Start

Scan the UI code against the latest guidelines to surface accessibility and design violations.

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 my web components for accessibility and UI consistency?▼

To audit UI accessibility and design quality, this skill compares your HTML, CSS, JS, and templates against the latest Web Interface Guidelines. It scans source files to identify violations and reports findings in a file:line format for quick triage.

What is a web interface design review and how does it find UI gaps?▼

A web interface design review identifies accessibility and consistency gaps by comparing source code against established web guidelines. This skill fetches the latest rules, reads your specified files, and reports violations in a file:line format.

How do I check if my HTML and CSS code meets web accessibility guidelines?▼

To check if your HTML and CSS meet web accessibility guidelines, this skill scans your files for violations. It retrieves the latest rules, evaluates the code, and outputs findings in a file:line format for quick triage.

Can I use this design review skill to scan templates and JS files?▼

Yes, you can use this skill to scan templates and JS files. It reads HTML, CSS, JS, and templates to identify UI accessibility and design quality violations, reporting findings in a file:line format.

What's the best way to report accessibility violations in source code?▼

The best way to report accessibility violations in source code is to compare files against the Web Interface Guidelines and output findings in a file:line format. This skill automates that process for quick triage.

Why does my UI design review show inconsistent accessibility results?▼

UI design reviews show inconsistent accessibility results when code is not compared against a standardized source. This skill fetches the latest Web Interface Guidelines to evaluate HTML, CSS, and templates, ensuring consistent findings in a file:line format.

Related Skills

Explore More Design & Creative Skills→
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic
MattRibMattRib

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report file:line findings.

Community
Basic
mauricioacpmauricioacp
1

web-design-guidelines

Fetch Web Interface Guidelines and validate UI code with file:line findings.

Community
Intermediate
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic