skills.rest
Tykode
TykodeOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines for accessibility and design compliance.

Updated Aug 27, 2026
Search Tags:#ui#accessibility#frontend#ux#code-review#web-design-guidelines
One-click install
npx skills add https://github.com/Tykode/Tykode --skill web-design-guidelines-tykode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Tykode/Tykode/tree/main/apps/web/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/Tykode/Tykode --skill web-design-guidelines-tykode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, helping teams catch accessibility, usability, and consistency issues early in the design and development process.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines and apply them to your UI codebase.
  • Run automated checks for accessibility, semantic structure, and responsive behavior to surface violations.
  • Use Case: before a release, audit a new UI screen or component to ensure it meets guidelines and deliver a compliant user experience.

Quick Start

Provide the UI files you want reviewed and I will fetch the latest guidelines and return a compliance report.

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?▼

To audit UI code for accessibility and UX consistency, provide your front-end files to the Skill. It fetches the latest Web Interface Guidelines and returns a concise compliance report detailing violations in a file:line format.

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

A front-end UI code review against web design guidelines is an automated check that validates semantic structure, accessibility, and responsive behavior. It surfaces compliance issues early in development by fetching recent rules and outputting findings.

Does the UI accessibility audit check responsive behavior and semantic structure?▼

Yes, the UI accessibility audit checks responsive behavior and semantic structure. It applies automated checks against remote guideline rules to surface violations across your front-end UI screens and design system components.

How do I check my design system components for web accessibility compliance before release?▼

To check design system components for web accessibility compliance before release, submit your UI files for review. The tool fetches current guidelines and outputs a concise file:line report highlighting usability and accessibility violations.

Can I use this to review front-end UI across multiple projects?▼

Yes, you can use this to review front-end UI across multiple projects. The audit applies to front-end UI reviews across projects and design systems, ensuring consistent accessibility and UX compliance by fetching the latest guideline rules.

Related Skills

Explore More Design & Creative Skills→
patrickhaahrpatrickhaahr

web-design-guidelines

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

Community
Basic
BenavidesMichaelBenavidesMichael

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design quality.

Community
Intermediate
TrimudTrimud

web-design-guidelines

Compare frontend code against Web Interface Guidelines and report violations.

Community
Intermediate
Jackliu-miaoziJackliu-miaozi

web-design-guidelines

Enforce Vercel web UI guideline compliance across HTML/CSS/JS codebases.

Community
Basic