skills.rest
Shirataki2
Shirataki2COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare UI code against Web Interface Guidelines and report non-conformities in file:line format.

2|Updated Dec 1, 2025
Search Tags:#accessibility#code-review#design-guidelines#web-standards#ux-review#ui-audit
One-click install
npx skills add https://github.com/Shirataki2/discalendar-next-v2 --skill web-design-guidelines-shirataki2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Shirataki2/discalendar-next-v2/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Shirataki2/discalendar-next-v2 --skill web-design-guidelines-shirataki2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch fresh guidelines from a central source and apply them to your UI assets.
  • Read target files or patterns, and evaluate them against the guidelines.
  • Output concise findings (file:line) for quick remediation.

Quick Start

Provide the UI files or pattern to review and I will fetch the latest guidelines to begin the 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 web application UI for accessibility and UX compliance?▼

To audit web application UI for accessibility and UX compliance, provide your UI files or patterns for review. The tool fetches the latest Web Interface Guidelines and evaluates your code, outputting concise non-conformity findings in a file:line format for quick remediation.

Can I check my design system components against web standards during a code review?▼

Yes, you can check design system components against web standards during a code review. The tool applies to UI assets across repositories and branches, reading target files to identify compliance gaps and report them concisely.

What is the best way to identify UI compliance gaps in my repository?▼

The best way to identify UI compliance gaps in your repository is by fetching fresh guidelines from a central source and applying them to your target files. This evaluates your code against standard practices and outputs a concise list of non-conformities.

Do I need to manually provide web design guidelines for a UI audit?▼

No, you do not need to manually provide web design guidelines for a UI audit. The tool automatically fetches the latest guidelines from a central source URL before reading your specified files or patterns to evaluate them.

How does a UX review report format look when checking code against web interface guidelines?▼

A UX review report for code checked against web interface guidelines uses a concise file:line format. This structure highlights specific non-conformities directly in your code, allowing you to quickly locate and fix accessibility and UX best practice violations.

Related Skills

Explore More Design & Creative Skills→
kensleDevkensleDev

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
AbhiShake1AbhiShake1
1

web-design-guidelines

Audit UI code against Web Interface Guidelines and report non-conformities in file:line format.

Community
Intermediate
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate
lord-vinayaklord-vinayak

accessibility-audit

Audit design files and UI descriptions for WCAG 2.2 AAA, Section 508, and ARIA APG compliance.

Community
Advanced