skills.rest
ckyeon
ckyeonCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify code deviations from Web Interface Guidelines during UI code reviews.

Updated May 16, 2026
Search Tags:#code review#accessibility#web design#design audit#UI compliance
One-click install
npx skills add https://github.com/ckyeon/claude-code-settings --skill web-design-guidelines-ckyeon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ckyeon/claude-code-settings/tree/main/project-templates/nextjs/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/ckyeon/claude-code-settings --skill web-design-guidelines-ckyeon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill identifies non-compliance issues with the Web Interface Guidelines, helping maintain standards in UI development.

Core Features & Use Cases

  • Guidelines Compliance: Check for adherence to web interface design and accessibility guidelines.
  • Reviewing UI Code: Ideal for code reviews where UI standards are crucial.
  • Use Case: Utilize the Skill when performing code reviews for new UI developments to ensure compliance with the latest web standards.

Quick Start

Use the 'web-design-guidelines' Skill to check your UI code against the guidelines by providing the file or pattern to review.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my UI code for web design compliance?▼

To check web design compliance, the Skill compares file contents against fetched Web Interface Guidelines, identifying deviations in UI code and accessibility standards for review.

Can I use this for accessibility code reviews?▼

Yes, you can use this for accessibility code reviews. It identifies and reports on code deviations from Web Interface Guidelines, ensuring UI compliance with accessibility standards.

What is the best way to audit UI code against web interface guidelines?▼

The best way to audit UI code is to provide the file or pattern to the Skill, which fetches guidelines from the source URL and reports non-compliance issues accordingly.

Do I need to provide a source URL for web design guideline checks?▼

Yes, you need a source URL. The Skill relies on fetched guidelines from the provided source URL to compare file contents and identify non-compliance issues.

How do I ensure my new UI development meets accessibility standards?▼

To ensure new UI development meets accessibility standards, utilize the Skill during code reviews to check your code against the latest Web Interface Guidelines for compliance.

What files can I review for UI compliance?▼

You can review UI code by providing the file or pattern to the Skill. It evaluates the file contents against fetched Web Interface Guidelines to report deviations.

Related Skills

Explore More Software Engineering Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
antoniorv6antoniorv6

web-design-guidelines

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

Community
Intermediate
austinjanaustinjan

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility.

Community
Intermediate
MattRibMattRib

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report file:line findings.

Community
Basic