skills.rest
kscius
ksciusCOMMUNITY
Explore all skills by this author →
Website𝕏@ksciusGitHub

web-design-guidelines

Compare HTML, CSS, and JavaScript codebases against Web Interface Guidelines.

2|Updated Apr 3, 2026
Search Tags:#accessibility#a11y#review#lint#web-design#ui-guidelines
One-click install
npx skills add https://github.com/kscius/KS-Cursor-Orchestrator --skill web-design-guidelines-kscius
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kscius/KS-Cursor-Orchestrator/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/kscius/KS-Cursor-Orchestrator --skill web-design-guidelines-kscius

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify that UI code adheres to Web Interface Guidelines, reducing accessibility issues and design inconsistencies.

Core Features & Use Cases

  • Automated conformance checks across HTML, CSS, and JavaScript files.
  • Accessibility and usability gap identification with actionable remediation hints.
  • Use Case: a designer reviews a component library to improve accessibility and visual consistency across pages.

Quick Start

Provide the UI files or patterns you want reviewed, and I will fetch the latest guidelines and evaluate accessibility and UI quality.

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 HTML and CSS code for accessibility and UI design issues?▼

You can audit an entire site for accessibility and visual consistency by providing the relevant UI files. The skill fetches the latest Web Interface Guidelines, applies all rules across your codebase, and identifies usability gaps with actionable remediation hints.

What is the best way to check if a component library meets web interface guidelines?▼

The best way to check if a component library meets web interface guidelines is to submit its files for an automated conformance check. The evaluation applies accessibility and usability rules across HTML, CSS, and JavaScript to pinpoint visual inconsistencies.

Does this automated UI review work with JavaScript files or only HTML and CSS?▼

Yes, this automated UI review works with JavaScript files alongside HTML and CSS. It evaluates your project code against fetched web design guidelines to identify accessibility issues and usability gaps across all specified files.

How do I get actionable remediation hints for accessibility gaps in my web project?▼

You can get actionable remediation hints for accessibility gaps by providing your UI files for review. The analysis applies web interface rules to your codebase and outputs specific findings in a prescribed format to guide fixes.

Can I lint a single web page for UI guidelines without scanning the whole codebase?▼

Yes, you can lint a single web page for UI guidelines without scanning the entire site. You specify the individual page files you want reviewed, and the skill applies the conformance rules to those files only.

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
jobayerarmanjobayerarman

debugging

Diagnose and fix bugs in the Supplier Management System codebase.

Community
Intermediate
hakushunhakushun

web-design-guidelines

Verify UI files against Web Interface Guidelines and output file:line findings.

Community
Intermediate
joe-watkinsjoe-watkins
1

a11y-tester

Run axe-core accessibility tests on web pages via Playwright MCP.

Community
Advanced