skills.rest
alvIndieDevelop
alvIndieDevelopCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Assess UI files against Web Interface Guidelines and report prioritized violations.

Updated Feb 1, 2026
Search Tags:#ui#accessibility#audit#compliance#guidelines#web-design
One-click install
npx skills add https://github.com/alvIndieDevelop/my_care --skill web-design-guidelines-alvindiedevelop
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alvIndieDevelop/my_care/tree/main/.kilocode/skills/web-design-guidelines
Command: npx skills add https://github.com/alvIndieDevelop/my_care --skill web-design-guidelines-alvindiedevelop

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? This Skill helps teams ensure UI code aligns with Web Interface Guidelines, saving time auditing accessibility, usability, and consistency across projects.

## Core Features & Use Cases

  • Guideline Review: Compare project files against the latest Web Interface Guidelines.
  • Audit & Compliance: Identify accessibility, UX, and naming inconsistencies.
  • Use Case: When a frontend team needs a quick compliance pass before release.

### Quick Start Provide a quick, actionable audit of the supplied UI files and report any guideline 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 UI code for accessibility and layout compliance?▼

To audit UI code for accessibility and layout compliance, provide your project files to the Skill. It assesses them against the latest Web Interface Guidelines and surfaces actionable findings with precise file:line references and prioritized remediation steps.

What is the best way to check frontend files against web design guidelines before release?▼

The best way to check frontend files before release is to run a guideline review. This process compares your supplied UI files against fetched Web Interface Guidelines, identifying accessibility, UX, and naming inconsistencies in a concise format suitable for review.

Does this guideline audit provide specific file and line references for violations?▼

Yes, the guideline audit provides specific file and line references. It ensures results are produced in a concise format suitable for review, surfacing actionable findings with precise file:line references and prioritized remediation steps for your UI code.

Can I use this to check naming conventions and UX consistency across my project?▼

Yes, you can use this to check naming conventions and UX consistency. It covers common scenarios such as accessibility audits, layout consistency, and naming conventions, comparing your project files against the latest Web Interface Guidelines.

Do I need to supply the web interface guidelines manually for the compliance audit?▼

No, you do not need to supply the web interface guidelines manually. The Skill applies the latest guidelines fetched from the provided source to assess your UI files, ensuring your compliance audit uses current standards without manual input.

Related Skills

Explore More Design & Creative Skills→
fnsalinasfnsalinas
1

web-design-guidelines

Audit UI files against the latest Web Interface Guidelines for compliance issues.

Community
Intermediate
Choco-emmmChoco-emmm
7

web-design-guidelines

Scan UI code for Web Interface Guidelines compliance and report prioritized violations.

Community
Intermediate
nanorepublicananorepublica
61

Frontend CSS

Enforce frontend CSS coding standards for naming, organization, and responsive design.

Community
Basic
matteocervellimatteocervelli
25

accessibility-checker

Identify and report WCAG 2.1 Level AA accessibility violations on web pages.

Community
Advanced