skills.rest
Syedyasir001
Syedyasir001COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Parse HTML and CSS to identify accessibility and design guideline violations.

Updated Apr 13, 2026
Search Tags:#code review#accessibility#web development#design audit#UI compliance
One-click install
npx skills add https://github.com/Syedyasir001/rvu-LIBFLOW --skill web-design-guidelines-syedyasir001
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Syedyasir001/rvu-LIBFLOW/tree/main/.agent/skills/library/web-design-guidelines
Command: npx skills add https://github.com/Syedyasir001/rvu-LIBFLOW --skill web-design-guidelines-syedyasir001

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the review of UI code for compliance with Web Interface Guidelines, eliminating manual checks and providing quick feedback on accessibility, design, and UX.

Core Features & Use Cases

  • Automated Review: Automatically checks code against Web Interface Guidelines.
  • Compliance Checking: Identifies non-compliant elements and outputs findings.
  • Use Case: For designers and developers reviewing their web interfaces, this Skill can streamline the compliance checking process.

Quick Start

Review your UI code using the web-design-guidelines skill by providing the file(s) you want to check.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate accessibility compliance checks for my UI code?▼

Automated UI compliance review checks your HTML and CSS code against web interface guidelines to identify accessibility violations. It parses your files and outputs actionable feedback on non-compliant elements, streamlining the manual design audit process.

What is the best way to run a design audit on HTML and CSS files?▼

Running an automated design audit involves parsing HTML and CSS files with a Python script to check against web interface guidelines. It identifies non-compliant elements and generates feedback on accessibility and UX violations, eliminating manual checks.

Can I use this to check UI compliance for frontend web development projects?▼

Yes, you can check UI compliance for frontend web development projects by providing your code files for review. It is designed for developers and designers to automatically identify accessibility and design guideline violations in their web interfaces.

Do I need Python to review my web interface code against design guidelines?▼

Yes, you need Python to review your web interface code against design guidelines. The automated compliance checker uses Python to parse HTML and CSS files, identify accessibility violations, and provide feedback on non-compliant UI elements.

What specific UI compliance violations does the automated code review identify?▼

The automated code review identifies UI compliance violations related to accessibility, design, and UX. By parsing HTML and CSS against web interface guidelines, it outputs findings on non-compliant elements to help you fix design issues.

Related Skills

Explore More Software Engineering Skills→
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
rcrathrcrath
1

wayq-regress

Monitor GitHub issues for regressions and report findings in audio format.

Community
Intermediate
NolanPicNolanPic

Frontend Components

Enforce frontend component coding standards in Claude Code workflows.

Community
Basic
1479089714790897
7

kwp-design-accessibility-review

Audit design assets and web pages for WCAG 2.1 AA compliance gaps.

Community
Intermediate