skills.rest
DeltaFoundry850
DeltaFoundry850COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Detects accessibility and UI violations in web front-ends.

Updated Dec 26, 2025
Search Tags:#design#accessibility#usability#guidelines#web#ui-audit
One-click install
npx skills add https://github.com/DeltaFoundry850/crispy-fishstick --skill web-design-guidelines-deltafoundry850
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
stephanesoaresstephanesoares

web-design-guidelines

Fetch Web Interface Guidelines and audit UI files for accessibility and UX conformance.

Community
Intermediate
buiminhduc23011buiminhduc23011

awf-audit

Audit software projects for security, performance, and code quality issues.

Community
Advanced
ManzuetiManzueti

health

Wrap project tools to compute a weighted codebase health score.

Community
Advanced
wredziowredzio

accessibility

Identify and remediate WCAG 2.1 AA accessibility issues in web pages.

Community
Advanced