skills.rest
lastdays03
lastdays03COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI files for accessibility, consistency, and responsive compliance.

1|Updated Feb 15, 2026
Search Tags:#design#ui#accessibility#a11y#design-review#web-guidelines
One-click install
npx skills add https://github.com/lastdays03/team-standards --skill web-design-guidelines-lastdays03
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/lastdays03/team-standards/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/lastdays03/team-standards --skill web-design-guidelines-lastdays03

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code against the Web Interface Guidelines to ensure accessibility, consistency, and usability across projects.

Core Features & Use Cases

  • Fetches the latest guidelines from a centralized source and applies them to your UI assets
  • Checks for accessibility (contrast, semantics, alt text), responsive behavior, visual consistency, and semantic structure
  • Use Case: Run a review on a UI repository to identify accessibility issues and style deviations before release across pages and components

Quick Start

Provide a UI review for the specified project files to generate a concise compliance 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 my UI code for accessibility and visual consistency?▼

To audit UI code for accessibility and visual consistency, the skill reviews project files against Web Interface Guidelines, checking for contrast, semantics, alt text, and responsive behavior to output a standardized compliance report.

What is a UI design review and what does it check for?▼

A UI design review identifies design issues and ensures compliance with web guidelines by checking accessibility, visual consistency, semantic structure, and responsive behavior across web assets, components, and pages.

How do I check if my web components comply with accessibility standards?▼

You can check web components for accessibility compliance by running an audit that reads the latest centralized guidelines and analyzes your repository files for contrast, alt text, and semantic structure deviations.

Can I review multiple UI pages and components across a repository?▼

Yes, you can review multiple UI pages and components across a repository. The audit reads project files to identify accessibility issues and style deviations across all specified web assets before release.

What is the best way to find style deviations in web assets before release?▼

The best way to find style deviations in web assets is to fetch the latest guidelines from a centralized source and apply them to your UI repository, outputting actionable findings for visual consistency and responsive behavior.

Do I need to manually update guidelines to perform a web UI audit?▼

No, you do not need to manually update guidelines to perform a web UI audit. The process automatically fetches the latest guidelines from a centralized source and applies them to your project files.

Related Skills

Explore More Design & Creative Skills→
ladinglogichqladinglogichq

web-design-guidelines

Audit web UI assets for compliance with Web Interface Guidelines.

Official
Intermediate
vijaykpatelvijaykpatel

web-design-guidelines

Analyze UI code and assets for Web Interface Guidelines compliance and report violations.

Community
Intermediate
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced