web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: kimjuyoung1127

Identify UI deviations from Web Interface Guidelines in code.

Updated Feb 10, 2026

Search Tags:#design #ui #accessibility #quality #guidelines #ux

Ready to run

npx skills add https://github.com/kimjuyoung1127/Tak --skill web-design-guidelines-kimjuyoung1127

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kimjuyoung1127/Tak/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/kimjuyoung1127/Tak --skill web-design-guidelines-kimjuyoung1127

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The skill helps teams verify that user interfaces conform to established Web Interface Guidelines, reducing design drift and accessibility gaps across projects.

Core Features & Use Cases

Guideline-driven review: automatically fetch and apply the latest Web Interface Guidelines to your UI assets.
Accessibility checks: identify contrast, typography, focus order, and keyboard navigation issues.
UX consistency: assess components for visual and interaction consistency across pages and states.

Quick Start

Provide the files or patterns to review, and I will assess them against the latest Web Interface Guidelines.

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

To audit UI code for accessibility and UX consistency, provide your web project files to identify deviations from established Web Interface Guidelines. The tool checks contrast, typography, focus order, and keyboard navigation, outputting concise findings of design drift.

What is the best way to validate responsive design against web interface guidelines?▼

Validating responsive design against web interface guidelines involves automatic comparison of your provided UI patterns against verifiable rule sets. This process detects UI deviations and assesses visual and interaction consistency across various page states.

Can I use this to check keyboard navigation and focus order in my web project?▼

Yes, you can check keyboard navigation and focus order in your web project. The review identifies accessibility gaps by applying the latest Web Interface Guidelines directly to your UI assets to ensure proper interaction consistency.

Do I need to provide specific web files to perform a UX consistency review?▼

Yes, you need to provide specific web files or UI patterns to perform a UX consistency review. Submitting your assets allows the system to fetch and apply the latest guidelines, reducing design drift and identifying accessibility gaps.

What limitations exist when automatically checking UI deviations in code?▼

A limitation when checking UI deviations in code is that the review satisfies automatic comparison against verifiable guideline rules and outputs concise findings. It focuses on identifying accessibility gaps and design drift rather than automatically fixing the code.