·web-design-guidelines
*

web-design-guidelines

asyrafhussin/agent-skills

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

27Installs·2Trend·@asyrafhussin

Installation

$npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines

SKILL.md

Comprehensive UI/UX and accessibility guidelines for building inclusive, performant web interfaces. Contains 21 rules across 8 categories, prioritized by WCAG compliance and user impact.

| 1 | Accessibility - Semantic Structure | CRITICAL | a11y- | | 2 | Accessibility - Keyboard & Focus | CRITICAL | a11y- | | 3 | Accessibility - Visual & Color | CRITICAL | a11y- | | 4 | Forms - Input & Validation | CRITICAL | form- | | 5 | Forms - Error Handling | HIGH | form- | | 6 | Forms - User Experience | MEDIUM | form- |

| 7 | Animation & Motion | CRITICAL | motion- | | 8 | Performance & UX | MEDIUM | perf- |

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is web-design-guidelines?

UI/UX best practices and accessibility guidelines. Use when reviewing UI code, checking accessibility, auditing forms, or ensuring web interface best practices. Triggers on "review UI", "check accessibility", "audit design", "review UX", or "check best practices". Source: asyrafhussin/agent-skills.

How do I install web-design-guidelines?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/asyrafhussin/agent-skills