web-design-guidelines

Review UI files against Web Interface Guidelines and report findings in file:line format.

1|Updated Apr 7, 2026

Search Tags:#accessibility #frontend #ui review #design audit #ux #web guidelines

Ready to run

npx skills add https://github.com/fartmonarch/RenderMind --skill web-design-guidelines-fartmonarch

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams quickly audit user interfaces for accessibility, usability, and consistency issues against a formal set of web interface guidelines.

Core Features & Use Cases

Guideline Review: Checks the provided UI files against the latest rules from the official guidelines source.
File or Pattern Targeting: Works on a single file or a file pattern for focused reviews.
Terse Findings: Returns issues in a compact file:line style so developers can act on them immediately.
Use Case: Use it when you want to review a component, page, or design system change before shipping.

Quick Start

Ask the skill to review the specified UI files or pattern against the 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 frontend UI files for web guidelines compliance?▼

You can target specific frontend screens or components using file patterns for focused design audits. The skill accepts a single file path or a broader file pattern to review UI changes against web interface guidelines before shipping.

What is a design audit for accessibility and visual consistency?▼

A design audit for accessibility and visual consistency checks frontend components against formal web interface guidelines. This process verifies interaction quality and usability, returning compact file:line issues so developers can immediately fix non-compliant UI elements.

Can I review a single component file or do I need to audit an entire site?▼

You can review a single component file or an entire site. The skill supports both single file targeting and broader file pattern matching, allowing you to perform focused UI reviews on specific frontend screens or comprehensive design system audits.

How do I get actionable accessibility findings from a UI review?▼

To get actionable accessibility findings from a UI review, the skill returns issues in a compact file:line format. This terse reporting style maps web interface guideline violations directly to your frontend code locations for immediate developer action.

Does this web guidelines audit work with existing frontend codebases?▼

Yes, this web guidelines audit works with existing frontend codebases by inspecting your current UI files. It fetches the latest guideline rules and evaluates your components, pages, or design system changes directly without requiring external dependencies.