skills.rest
code-sensei
code-senseiCOMMUNITY
Explore all skills by this author →
Website𝕏@iam_ehnigmaGitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and compliance issues.

6|1|Updated Jan 12, 2026
Search Tags:#ui#accessibility#guidelines#ux#code-review#web-design
One-click install
npx skills add https://github.com/code-sensei/artemiskit --skill web-design-guidelines-code-sensei
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/code-sensei/artemiskit/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/code-sensei/artemiskit --skill web-design-guidelines-code-sensei

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI code often fails to meet established web interface guidelines, leading to accessibility barriers, inconsistent UX, and missed accessibility standards.

Core Features & Use Cases

  • Guideline integration: Fetch the latest Web Interface Guidelines from the official source before reviews.
  • Automated evaluation: Apply the full set of rules to target UI files or patterns to surface violations.
  • Actionable reporting: Output concise, file-and-line-level findings suitable for fixes and design reviews.

Quick Start

Provide the files or patterns you want reviewed and I will fetch the guidelines and evaluate them.

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

To audit UI code for accessibility and usability issues, provide your target files or patterns. The tool fetches the latest Web Interface Guidelines and evaluates your code against all rules, reporting findings in a concise, file-and-line-level format.

What is a UI code review against web design guidelines?▼

A UI code review against web design guidelines is an automated evaluation that applies the full set of official Web Interface Rules to your target files, surfacing accessibility, UX, and compliance violations.

Can I use this to check single-page apps and component libraries for compliance?▼

Yes, you can check single-page apps and component libraries for compliance. The evaluation applies to web projects, component libraries, and single-page apps that need conformance checks.

How do I get actionable reports for fixing accessibility violations?▼

You get actionable reports for fixing accessibility violations by submitting your UI files for review. The output provides concise, file-and-line-level findings suitable for immediate fixes and design reviews.

Does the evaluation use the latest official web interface guidelines?▼

Yes, the evaluation uses the latest official web interface guidelines. It requires fetching the most current rules from a remote source before evaluating your code to ensure accurate compliance checks.

Related Skills

Explore More Design & Creative Skills→
sao-codingsao-coding

web-design-guidelines

Fetch current Web Interface Guidelines and evaluate UI code compliance.

Community
Intermediate
pckienuitpckienuit

web-design-guidelines

Review UI files for Web Interface Guidelines compliance with file:line findings.

Community
Intermediate
baotoqbaotoq

design-web-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Basic
vinaykumarvkvinaykumarvk
1

coding-standards-review

Scan codebases for security flaws, quality issues, and accessibility violations.

Community
Advanced