web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/tyk-lab/my-ai-skill --skill web-design-guidelines-tyk-lab
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/tyk-lab/my-ai-skill/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/tyk-lab/my-ai-skill --skill web-design-guidelines-tyk-lab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, helping teams ensure accessibility, UX consistency, and overall design quality across projects.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines before auditing UI code.
  • Read target UI files or patterns and evaluate against all guideline rules.
  • Output concise findings suitable for integration into design reviews and code audits.
  • Use Case: Run a design-system audit on a component library to identify accessibility gaps and visual inconsistencies.

Quick Start

Provide the UI files or a pattern to review and I will fetch the latest guidelines and check compliance.

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 web interface guidelines compliance?

To audit UI code for web interface guidelines compliance, provide your UI component files or file patterns. The tool fetches the latest design guidelines, evaluates your code against all rules, and outputs concise findings for your design review.

What is a UI accessibility audit and how does it check web components?

A UI accessibility audit checks web components against established design guidelines to identify compliance gaps. This process reads specified UI files, fetches the latest interface rules, and reports accessibility and UX inconsistencies found in the code.

Can I review specific UI file patterns for accessibility and UX consistency?

Yes, you can review specific UI file patterns for accessibility and UX consistency. Provide the target file patterns and the tool will evaluate the code against fetched web interface guidelines, outputting design review findings for visual inconsistencies.

How do I run a design system audit on a component library?

To run a design system audit on a component library, provide your library files as input. The tool fetches current web interface guidelines, evaluates the components against these rules, and reports accessibility gaps and visual inconsistencies in concise findings.

Does this web design review tool require any dependencies to fetch guidelines?

No dependencies are required to fetch web design guidelines and review UI code. The tool operates independently to read target files, evaluate them against the latest interface rules, and output design audit findings without needing external components.

When do I need to check UI code against web design guidelines?

You need to check UI code against web design guidelines when ensuring accessibility, UX consistency, and overall design quality across projects. The tool fetches the latest interface guidelines and reports findings suitable for integration into code review tasks.