web-design-guidelines

Identify UI compliance gaps against Web Interface Guidelines in file:line format.

Updated Aug 23, 2026

Search Tags:#ui #accessibility #frontend #audit #usability #web-design-guidelines

Ready to run

npx skills add https://github.com/spike-land-ai/spike.land --skill web-design-guidelines-spike-land-ai

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams quickly identify accessibility, usability, and visual conformance gaps in UI code by comparing it against the Web Interface Guidelines.

Core Features & Use Cases

Fetches the latest guidelines from the official source and applies them to specified UI files.
Checks accessibility, contrast, semantics, and responsive behavior to ensure a consistent user experience.
Use Case: designers and developers verify UI blocks against best practices before handoff or release.

Quick Start

Review the provided UI files against the latest Web Interface Guidelines and report any accessibility, contrast, or layout issues.

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, provide your UI files and the tool checks them against the latest web interface guidelines, reporting accessibility, contrast, semantics, and responsive issues in a concise file:line format.

What is the best way to check frontend accessibility and usability before release?▼

Checking frontend accessibility involves comparing your UI patterns against web interface guidelines to identify visual conformance and usability gaps, ensuring a consistent user experience before handoff.

How do I identify accessibility and layout gaps in my UI files?▼

Identifying accessibility and layout gaps requires applying the latest web interface rules to your UI files, which automatically detects and reports semantic, contrast, and responsive behavior issues.

Does this UI audit tool work with any frontend codebase?▼

Yes, the UI audit tool works with any frontend codebase by applying the latest web interface guidelines to your specified UI files or patterns without requiring external dependencies.

What format do the UI compliance findings follow?▼

The UI compliance findings follow a concise file:line format specified by the web interface guidelines, detailing exact locations of accessibility, layout, and semantic gaps in your code.

When do I need to run a web interface guidelines audit?▼

Run a web interface guidelines audit when verifying UI blocks against best practices before handoff or release to quickly identify accessibility, usability, and visual conformance gaps.