web-design-guidelines

Identify UI accessibility and design guideline violations in HTML, CSS, and JavaScript files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers and developers ensure UI code conforms to Web Interface Guidelines, enabling consistency, accessibility, and usability across web applications.

Core Features & Use Cases

  • Guideline-based review: fetches up-to-date rules and checks code against them.
  • File-pattern review: analyzes specified HTML/CSS/JS files to spot guideline violations.
  • Actionable reports: outputs terse findings suitable for quick fixes.

Quick Start

Use the web-design-guidelines skill to review your UI files by providing a list or pattern of files (e.g., index.html, styles.css).

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 HTML and CSS code for web design guideline violations?

To check HTML and CSS code for web design guideline violations, you provide a list or pattern of UI files to review, and the skill fetches up-to-date rules to apply deterministic checks, reporting findings in a terse file:line format.

What is the best way to audit web app UI for accessibility compliance?

The best way to audit web app UI for accessibility compliance is using a guideline-based review tool that fetches current Web Interface Guidelines and applies deterministic rule checks to your HTML, CSS, and JavaScript files.

Can I review specific file patterns in my web project for UI accessibility issues?

Yes, you can review specific file patterns for UI accessibility issues by providing the skill with specific files like index.html or styles.css, which it analyzes against updated guidelines to spot violations.

How does a code review for web design guidelines report its findings?

A code review for web design guidelines reports its findings in a terse file:line format, outputting actionable findings suitable for quick fixes directly in the identified HTML, CSS, or JavaScript files.

Do I need an internet connection to fetch web interface guidelines for linting?

Yes, you need an internet connection to fetch web interface guidelines for linting, because the skill requires fetching up-to-date rules from a remote source before applying deterministic checks to your codebase.