skills.rest
spike-land-ai
spike-land-aiOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/spike-land-ai/spike.land --skill web-design-guidelines-spike-land-ai
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
LiinkiingLiinkiing
6

web-design-guidelines

Analyze UI code against the latest Web Interface Guidelines.

Community
Intermediate
Trio-Blockchain-LabsTrio-Blockchain-Labs

web-design-guidelines

Compare HTML, CSS, and JavaScript code against Web Interface Guidelines to identify UI compliance gaps.

Official
Intermediate
umairinayatumairinayat
5

web-design-guidelines

Audit UI code against Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
rajitsaharajitsaha
10

a11y-auditor

Audit web pages and UI components for WCAG 2.2 Level AA compliance.

Community
Advanced