skills.rest
Stonelukas
StonelukasCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Jun 16, 2025
Search Tags:#accessibility#a11y#guidelines#web-design#ui-review#ux-audit
One-click install
npx skills add https://github.com/Stonelukas/Mouse-on-Numpad --skill web-design-guidelines-stonelukas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Stonelukas/Mouse-on-Numpad/tree/main/.opencode/skill/web-design-guidelines
Command: npx skills add https://github.com/Stonelukas/Mouse-on-Numpad --skill web-design-guidelines-stonelukas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify that user interfaces conform to Web Interface Guidelines, improving accessibility, usability, and visual consistency.

Core Features & Use Cases

  • Fetch latest guidelines from a source URL and apply them to your UI assets.
  • Read target files or patterns and evaluate conformance against all rules.
  • Output findings in a concise, actionable format suitable for rapid review.
  • Use Case: Audit a live website or design files to ensure accessibility and UX best practices before deployment.

Quick Start

Provide the UI files to review and let the tool fetch the latest guidelines to perform an automated audit.

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 web accessibility and UX best practices?▼

To audit UI code for web accessibility, provide your HTML, CSS, and JavaScript files to the tool, which fetches the latest guidelines and outputs concise file:line style findings for rapid review.

What does a UI accessibility audit check for in web applications?▼

A UI accessibility audit checks for readability, contrast, keyboard navigation, and responsive behavior to ensure your website or web app conforms to established Web Interface Guidelines.

Can I run a UX audit on both websites and design assets?▼

Yes, you can run a UX audit on both live websites and design assets, as the tool evaluates conformance against all rules across HTML, CSS, and JavaScript files before deployment.

How do I ensure my web interface follows the latest accessibility guidelines?▼

To ensure your web interface follows the latest accessibility guidelines, the tool fetches current rules from a specified source URL and analyzes your provided files for compliance.

What format do the accessibility audit results use for reporting findings?▼

The accessibility audit results use a concise file:line style format, producing actionable findings suitable for rapid review of your UI code conformance.

Do I need any external dependencies to review my UI for Web Interface Guidelines compliance?▼

No external dependencies are required to review your UI for Web Interface Guidelines compliance; you simply provide the target UI files or patterns for the automated evaluation.

Related Skills

Explore More Design & Creative Skills→
brainbrewlabsbrainbrewlabs
7

web-design-guidelines

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

Official
Intermediate
ehylandehyland

web-design-guidelines

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

Community
Intermediate
memorysavermemorysaver

web-design-guidelines

Audit frontend HTML/CSS/JS files against Web Interface Guidelines and output file:line remediation findings.

Community
Basic
ConductionNLConductionNL

test-accessibility

Audit web apps for WCAG 2.1 AA using axe-core scans and manual checks.

Official
Advanced