skills.rest
JaiminVadadoriya
JaiminVadadoriyaCOMMUNITY
Explore all skills by this author →
𝕏@jaiminvadadoriyGitHub

web-design-guidelines

Review UI code compliance with Web Interface Guidelines.

1|Updated Feb 18, 2026
Search Tags:#code review#UI audit#web accessibility#UX/UI design#web design compliance
One-click install
npx skills add https://github.com/JaiminVadadoriya/Distributed-Cloud-Storage---Sync-Platform --skill web-design-guidelines-jaiminvadadoriya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/JaiminVadadoriya/Distributed-Cloud-Storage---Sync-Platform/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/JaiminVadadoriya/Distributed-Cloud-Storage---Sync-Platform --skill web-design-guidelines-jaiminvadadoriya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Ensures compliance of web interface code against the Web Interface Guidelines, aiding in reviewing UI code for accessibility, design audit, and adherence to best practices.

Core Features & Use Cases

  • Code Review: Evaluates UI code against guidelines.
  • Accessibility Check: Identifies compliance with accessibility standards.
  • Design Audit: Ensures alignment with established design principles.
  • Use Case: Use this skill when asked to "review my UI", "check accessibility", or "audit design" on a website or web application.

Quick Start

Run the 'web-design-guidelines' skill to check compliance on the file 'design-index.html'.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check web accessibility compliance in my UI code?▼

You can perform an accessibility check by running this skill on your HTML file; it parses your UI code and matches it against Web Interface Guidelines to identify compliance violations.

What is a UI code review for web design compliance?▼

A UI code review for web design compliance evaluates frontend code against established design principles and accessibility standards to ensure proper web interface alignment and best practices.

Can I use this skill to run a design audit on a specific HTML file?▼

Yes, you can run a design audit on a specific HTML file like 'design-index.html' by executing the skill against it to verify alignment with web interface guidelines.

Does this UI audit tool support frontend developers and UX/UI designers?▼

Yes, this UI audit tool supports frontend developers, UX/UI designers, and QA teams by providing automated compliance checks for web interface guidelines and accessibility standards.

What is the best way to audit web interface guidelines in frontend code?▼

The best way to audit web interface guidelines is to use an automated compliance checker that fetches design rules and parses your frontend code to detect accessibility and design principle violations.

Related Skills

Explore More Design & Creative Skills→
p-potvinp-potvin
1

web-design-guidelines

Assess frontend HTML, CSS, and JavaScript against Web Interface Guidelines and accessibility rules.

Community
Intermediate
lucascarolucascaro

gc-sweep

Detect and correct code deviations against golden-principle guidelines in repositories.

Community
Intermediate
TarasTsavolykTarasTsavolyk
1

install

Installs Claude Code frontend kit with automatic framework detection and adaptation into a repository.

Community
Basic
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate