web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output file:line findings.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/siriwatknp/jun-cc --skill web-design-guidelines-siriwatknp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/siriwatknp/jun-cc/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/siriwatknp/jun-cc --skill web-design-guidelines-siriwatknp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you ensure UI code complies with Web Interface Guidelines, reducing accessibility and UX issues before deployment.

Core Features & Use Cases

  • Fetch the latest guidelines from a remote source.
  • Scan target files or directories for guideline compliance.
  • Report findings in a concise file:line format to enable quick remediation.

Quick Start

Provide the files or patterns you want reviewed, and the tool will fetch guidelines, run checks, and output findings in a concise format.

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 UX compliance?

To audit UI code for accessibility and UX compliance, provide your target files or directory patterns for review. The tool fetches the latest Web Interface Guidelines, scans your code, and outputs findings in a concise file:line format for quick remediation.

What is automated UI code review against web design guidelines?

Automated UI code review against web design guidelines is the process of scanning target files to ensure compliance with remote Web Interface Guidelines. It identifies accessibility and UX issues before deployment and reports them in a concise file:line format.

Can I lint specific directories for web design guideline violations?

Yes, you can lint specific directories for web design guideline violations by providing file patterns for review. The tool reads the target files by pattern, applies the fetched guidelines, and outputs findings in a concise file:line format.

Does this UI accessibility linting tool require any dependencies?

No, this UI accessibility linting tool requires no dependencies to run. It fetches the latest guidelines from a remote source directly and reads your target files by pattern to output findings in a concise file:line format.

How does remote guideline fetching work for code reviews?

Remote guideline fetching for code reviews works by retrieving the latest Web Interface Guidelines from a remote source. The tool then uses these fetched guidelines to scan target files for compliance and outputs findings in a concise file:line format.

What is the best way to ensure UI code complies with accessibility standards?

The best way to ensure UI code complies with accessibility standards is to automate evaluation against the latest Web Interface Guidelines. This tool fetches remote guidelines, scans target files by pattern, and outputs findings in a concise file:line format for quick remediation.