web-design-guidelines

Compare project files against Web Interface Guidelines and output findings in file:line format.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/ranlikhter/MarketinIntel --skill web-design-guidelines-ranlikhter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ranlikhter/MarketinIntel/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/ranlikhter/MarketinIntel --skill web-design-guidelines-ranlikhter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines to ensure UI quality, accessibility, and user experience align with industry standards.

Core Features & Use Cases

  • Guideline conformance: fetch and apply up-to-date Web Interface Guidelines to user files.
  • Accessibility checks: identify issues affecting contrast, keyboard navigation, aria attributes, and semantic structure.
  • UX best-practices reviews: flag design patterns that hinder usability and suggest improvements.

Quick Start

Provide the files or a file pattern to review, and the tool will fetch and apply the latest 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 check my UI code for accessibility compliance?▼

Audit UI accessibility by fetching Web Interface Guidelines and applying those rules to your project files. The tool identifies non-compliance in contrast, keyboard navigation, aria attributes, and semantic structure, outputting findings in a file:line format.

What is a UX best-practices review for web interfaces?▼

A UX best-practices review flags design patterns that hinder usability by comparing your UI code against established guidelines. It identifies non-compliance in semantic structure and interaction design, suggesting improvements to align with industry standards.

Can I audit specific files for UX and accessibility issues?▼

Yes, you can audit specific files by providing a file pattern to the tool. It fetches the latest Web Interface Guidelines and applies those rules to the specified files, returning a detailed list of findings in the file:line format.

How do I find UI design non-compliance in my project files?▼

Find UI design non-compliance by running a review against Web Interface Guidelines on your project files. The tool flags issues affecting contrast, keyboard navigation, and semantic structure, providing results in a file:line format.

Does this accessibility check review aria attributes and semantic structure?▼

Yes, the accessibility check explicitly reviews aria attributes and semantic structure. It compares your project files against Web Interface Guidelines to identify non-compliance and outputs the findings in a file:line format.

What format do accessibility audit findings follow?▼

Accessibility audit findings follow a file:line format. The tool outputs specific locations of UI design non-compliance by applying Web Interface Guidelines to your project files, allowing direct navigation to each issue.