skills.rest
chadolmin01
chadolmin01COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Updated Feb 13, 2026
Search Tags:#automation#ui#accessibility#code-review#web-guidelines#ux-review#ui-audit
One-click install
npx skills add https://github.com/chadolmin01/dailydraft.me --skill web-design-guidelines-chadolmin01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/chadolmin01/dailydraft.me/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/chadolmin01/dailydraft.me --skill web-design-guidelines-chadolmin01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code adheres to Web Interface Guidelines by auditing design, accessibility, and UX conformance across files.

Core Features & Use Cases

  • Fetch latest guidelines from a remote source and compare your UI assets against them
  • Read the target HTML/CSS/JS files or patterns you specify
  • Output findings in a concise, single-file format suitable for reviews

Quick Start

Specify the files or pattern you want reviewed and run the skill to fetch the latest guidelines and generate a compliance assessment.

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 web UI code for accessibility and UX compliance?▼

To audit web UI code for accessibility and UX compliance, specify your target HTML, CSS, and JavaScript files. The skill fetches the latest Web Interface Guidelines and outputs a concise file:line format assessment.

What is a UI audit against Web Interface Guidelines?▼

A UI audit against Web Interface Guidelines is a process of comparing design, accessibility, and UX conformance across your web assets. It checks HTML, CSS, and JavaScript files to ensure adherence to up-to-date remote standards.

Can I use this tool to check HTML and CSS files for site-wide design assessments?▼

Yes, you can check HTML and CSS files for site-wide design assessments by specifying the file patterns you want reviewed. The tool reads the specified assets and generates a concise compliance output.

Does the accessibility check require any external dependencies or components?▼

No external dependencies or components are required for the accessibility check. The skill operates independently by fetching up-to-date guidelines from a remote source to evaluate your specified UI files.

How do I review specific files for UX conformance?▼

To review specific files for UX conformance, provide the file paths or patterns during setup. The skill reads your HTML, CSS, and JavaScript assets, comparing them against fetched guidelines to output findings.

What format does the UI audit results output use?▼

The UI audit results output uses a terse file:line format. This concise structure is designed to be suitable for direct integration into code reviews and site-wide design assessments.

Related Skills

Explore More Design & Creative Skills→
brainbrewlabsbrainbrewlabs
7

web-design-guidelines

Audit HTML, CSS, and JavaScript files against Web Interface Guidelines.

Official
Intermediate
markky21markky21

web-design-guidelines

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

Community
Basic
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
vvedantbvvedantb
99

web-design-guidelines

Audits UI code files for Web Interface Guidelines conformance and reports findings in file:line format.

Community
Intermediate