skills.rest
JoshCantCode
JoshCantCodeCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Jan 14, 2026
Search Tags:#accessibility#a11y#validation#ux#design-review#web-design-guidelines#ui-guidelines
One-click install
npx skills add https://github.com/JoshCantCode/Stack --skill web-design-guidelines-joshcantcode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/JoshCantCode/Stack/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/JoshCantCode/Stack --skill web-design-guidelines-joshcantcode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Validating UI code against Web Interface Guidelines to ensure accessibility and design quality across projects.

Core Features & Use Cases

  • Fetch the latest guidelines automatically and apply them to your UI files.
  • Validate HTML, CSS, and JS against the guidelines and report violations in a terse file:line format.
  • Use for audits, design reviews, and site checks to maintain consistent UX across apps.

Quick Start

Provide the UI files or patterns to review and the tool will fetch the guidelines and return concise file:line findings.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I validate UI code against web interface guidelines for accessibility?▼

Validate UI code by providing your HTML, CSS, and JavaScript files for review. The tool fetches web interface guidelines dynamically and reports accessibility and design inconsistencies in a terse file:line format.

What is the best way to check my HTML and CSS for accessibility violations?▼

Checking HTML and CSS for accessibility violations involves running an automated design review against the latest web interface guidelines. The tool surfaces UI compliance issues by returning concise file:line findings for quick fixes.

Can I use this for a design review across multiple web app files?▼

Yes, you can use this for design reviews across multiple web app files. It applies checks across HTML, CSS, and JavaScript to maintain consistent UX and surface design inconsistencies during site checks.

How do I audit a website for UI compliance and a11y issues?▼

Auditing a website for UI compliance requires providing your UI files or patterns for review. The tool fetches the latest a11y guidelines and returns concise file:line findings to highlight violations.

Do I need to manually import web design guidelines to run a UI validation?▼

No, you do not need to manually import web design guidelines. The tool fetches the latest guidelines dynamically and applies them to your UI files to report violations automatically.

What format do accessibility validation results use when reporting issues?▼

Accessibility validation results use a terse file:line format for reporting issues. This concise output ensures you can quickly locate and fix HTML, CSS, and JavaScript inconsistencies during audits.

Related Skills

Explore More Design & Creative Skills→
uzh-bfuzh-bf
41

web-design-guidelines

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

Official
Basic
nweiinweii
7

web-design-guidelines

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

Community
Intermediate
moonseokchoi-krmoonseokchoi-kr

stitch-loop

Orchestrate baton-driven Stitch page generation and integration from .stitch/next-prompt.md.

Community
Advanced
Community-AccessCommunity-Access
387

Accessibility Tracker

Monitor accessibility issues and generate WCAG 2.2 reports for GitHub repositories.

Official
Advanced