skilld
All skills
asyrafhussin avatar

/web-design-guidelines

@b73c638
by Asyraf Hussinasyrafhussin/agent-skills81 stars
10

UI/UX best practices and accessibility audit. Use when reviewing UI code, checking accessibility, running accessibility audits, auditing forms, or ensuring web interface best practices. Triggers on "audit accessibility", "check WCAG", "review UI", "check accessibility", "audit design", "review UX", or "check best practices".

Ask your Agent

Use this Skill: https://skilld.dev/gh/asyrafhussin/agent-skills/web-design-guidelines

This session only. Nothing lands on disk.

README.md

≈408 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Web Design Guidelines v2.1.0

WCAG accessibility, semantic HTML, keyboard navigation, forms, and performance patterns. Supports both coding reference and accessibility audit mode with PASS/FAIL output.

Overview

  • Accessibility audit with PASS/FAIL/N/A checklist output
  • Accessibility (semantic HTML, headings, keyboard nav, focus management, ARIA, color contrast, alt text, live regions)
  • Forms (autocomplete, input types, error display, validation, multi-step, placeholders, submit feedback)
  • Animation (prefers-reduced-motion)
  • Performance (image loading, layout stability/CLS)
  • 23 rules across 4 categories

Categories

1. Accessibility (Critical)

Semantic HTML, heading hierarchy, keyboard navigation, focus management, ARIA labels, color contrast, alt text, error messages, form labels, live regions, skip links, screen reader optimization.

2. Forms (High)

Autocomplete, input types, error display, validation UX, inline validation, multi-step forms, placeholder usage, submit feedback.

3. Animation & Motion (Critical)

Respect prefers-reduced-motion preference (WCAG AAA).

4. Performance & UX (Medium)

Image loading optimization, layout stability (CLS prevention).

Usage

Audit my page for accessibility
Review my UI for accessibility issues
Check WCAG compliance on this component
Audit this form for UX best practices

References

Source: SKILL.md on GitHub

Third-party checks

2 warnings16d5 checks · Risk SAFE
  • Gen Agent Trust Hub16d

    The skill provides comprehensive guidelines for accessibility and web design audits. It processes user-provided code files to generate compliance reports, which introduces a minor risk of indirect prompt injection if the audited files contain malicious instructions. No evidence of data exfiltration, obfuscation, or unauthorized command execution was found.

  • Socket16d

    2 alerts: gptAnomaly

  • Snyk16d

    Risk: LOW · No issues

  • Runlayer7mo

    26/27 files flagged

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Provenance

Signed by skilld at b73c638. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub last month.

Steadyupdated 6 months ago

Capability

metadata
{
  "author": "agent-skills",
  "version": "2.1.0"
}

README badge

README badge for asyrafhussin/agent-skills/web-design-guidelines