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.