skills.rest
Noisemaker111
Noisemaker111COMMUNITY
Explore all skills by this author →
𝕏@noisemakerjonGitHub

web-design-guidelines

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

Updated Feb 14, 2026
Search Tags:#ui#accessibility#audit#compliance#guidelines#ux#web-design
One-click install
npx skills add https://github.com/Noisemaker111/be-my-valentine --skill web-design-guidelines-noisemaker111
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Noisemaker111/be-my-valentine/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Noisemaker111/be-my-valentine --skill web-design-guidelines-noisemaker111

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web UI quality assurance by validating code against Web Interface Guidelines to ensure accessibility and UX consistency.

Core Features & Use Cases

  • Fetch latest guidelines from the live source and apply them to target UI files.
  • Analyze UI code and surface violations in a consistent, file:line format for quick remediation.
  • Use during UI reviews, accessibility audits, UX consistency checks, and design-compliance assessments across web projects.

Quick Start

Provide the path to your UI files and let the tool fetch the latest guidelines to output a concise, file:line violation report.

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 web UI code for accessibility compliance?▼

Audit UI code for accessibility compliance by fetching the latest web interface guidelines and applying them to your target UI files to surface violations in a standardized file:line format.

How do I perform a UX consistency check on my web project?▼

Perform a UX consistency check by validating your UI code against web interface guidelines, which analyzes the files and outputs a concise violation report for quick remediation.

Can I automatically fetch the latest guidelines for a design audit?▼

Fetch the latest guidelines automatically from the live source during a design audit, ensuring your UI code is always evaluated against the most up-to-date compliance rules.

Does the tool output file and line numbers for UI code violations?▼

The tool outputs findings in a consistent file:line format, pinpointing exactly where UI code violates web interface guidelines for quick remediation.

What is the best way to enforce web interface guidelines across UI files?▼

Enforce web interface guidelines by providing the path to your UI files, letting the tool fetch current rules, and emitting a standardized file:line violation report for remediation.

Are there prerequisites for reviewing UI code against web design guidelines?▼

Reviewing UI code requires providing the path to your target UI files so the tool can fetch the latest live guidelines and apply them to emit a violation report.

Related Skills

Explore More Design & Creative Skills→
kalamdbkalamdb
48

web-design-guidelines

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

Official
Intermediate
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
meistro57meistro57
1

laravel:quality-checks

Run automated quality gates for Laravel projects with Pint, PHPStan, and frontend linters.

Community
Intermediate
kevindreekevindree

browser-testing-with-devtools

Inspect live DOM, console, network, and accessibility data via Chrome DevTools MCP.

Community
Advanced