web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: DeltaFoundry850

Detects accessibility and UI violations in web front-ends.

Updated Dec 26, 2025

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

Ready to run

npx skills add https://github.com/DeltaFoundry850/crispy-fishstick --skill web-design-guidelines-deltafoundry850

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/DeltaFoundry850/crispy-fishstick/tree/main/docs/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/DeltaFoundry850/crispy-fishstick --skill web-design-guidelines-deltafoundry850

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures UI code complies with current web interface guidelines, reducing accessibility gaps, usability issues, and visual inconsistencies across products.

Core Features & Use Cases

Fetches the latest Web Interface Guidelines and applies them to your UI files.
Analyzes code for accessibility, usability, and UX best-practices, reporting issues in a concise file:line format.
Use Case: Run reviews on a web admin panel to surface contrast, semantic, and keyboard-navigation issues for remediation.

Quick Start

Provide the target UI files or patterns and I will evaluate them against 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 audit my UI code for accessibility and UX conformance?▼

To audit UI code for accessibility and UX conformance, provide your target UI files or patterns. The analysis fetches the latest web interface guidelines and reports conformance gaps in a concise file:line format with actionable remediation suggestions.

What is the best way to check web interface guidelines compliance for an admin panel?▼

Checking web interface guidelines compliance involves evaluating target UI files against current standards to surface contrast, semantic, and keyboard-navigation issues. This process returns findings in a terse file:line format ready for review and remediation.

Does this UI audit work with any provided web files or patterns?▼

Yes, the UI audit operates on provided UI files or patterns. By fetching the latest Web Interface Guidelines, it compares your specific code against accessibility and usability best-practices to identify visual inconsistencies and conformance gaps.

How do I get actionable remediation suggestions for usability issues?▼

To get actionable remediation suggestions for usability issues, run a review on your target UI files. The analysis identifies accessibility gaps and returns findings ready for review, ensuring visual inconsistencies are addressed across products.

What format do the accessibility conformance findings use?▼

Accessibility conformance findings use a terse file:line format. This concise reporting style pinpoints exact locations of usability and accessibility gaps in your UI code, ensuring results are immediately ready for developer review.