skills.rest
WannaCry081
WannaCry081COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Validate UI code against live Web Interface Guidelines and report violations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams ensure UI code adheres to established Web Interface Guidelines by validating files against a live policy and reporting non-conformities.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL
  • Read specified files or patterns and apply all rules from the guidelines
  • Output findings in the terse file:line format
  • Real-world example: Review a UI page to ensure contrast, semantic HTML, and responsive behavior align with guidelines.

Quick Start

Provide the UI source files to review so the tool can fetch guidelines and report 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 frontend code for web design and accessibility guideline violations?▼

To audit frontend code for web design violations, provide your UI source files so the tool can fetch the latest live guidelines, compare your code against the rules, and output non-conformities in a concise file:line format.

What is a UI code audit against web interface guidelines?▼

A UI code audit against web interface guidelines validates frontend files by fetching a live policy and reporting non-conformities, ensuring accessibility, consistency, and interaction quality align with established rules.

Can I review semantic HTML and contrast compliance in my frontend project?▼

Yes, you can review semantic HTML and contrast compliance by supplying your UI page files to the tool, which checks them against fetched web interface rules and reports actionable findings.

Does this UI audit require any specific dependencies or local guideline installations?▼

No local guideline installations are needed because the tool requires fetching the latest published rules directly from a remote source URL to validate your target frontend files.

How are web guideline violations reported during a frontend design review?▼

Web guideline violations are reported during a frontend design review in a terse file:line format, providing concise and actionable findings to help teams quickly locate and fix non-conformities.

What's the best way to ensure responsive behavior aligns with web guidelines?▼

The best way to ensure responsive behavior aligns with web guidelines is to run a UI audit that fetches the latest live policy and automatically validates your target frontend files against those specific rules.

Related Skills

Explore More Design & Creative Skills→
az9713az9713

dark-code-suite-init

Initialize a project with dark code prevention directories, CLAUDE.md section, and baseline audit.

Community
Intermediate
maxjuniorbrmaxjuniorbr
2

web-design-guidelines

Audit frontend code against up-to-date web interface guidelines to identify accessibility and consistency violations.

Community
Intermediate
NVIDIA-NeMoNVIDIA-NeMo
852

linting-and-formatting

Enforce Python and shell script style rules with ruff, isort, and pre-commit.

Official
Intermediate
yutanpo1227yutanpo1227

web-design-guidelines

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

Community
Intermediate