skills.rest
qdzsh
qdzshCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

userinterface-wiki

Audit web interfaces for UI/UX violations using 152 wiki rules across 12 categories.

12|1|Updated May 29, 2026
Search Tags:#automation#ui#documentation#audit#guidelines#ux#web-design
One-click install
npx skills add https://github.com/qdzsh/gsd-revamp --skill userinterface-wiki-qdzsh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: userinterface-wiki
Source: https://github.com/qdzsh/gsd-revamp/tree/main/src/resources/skills/userinterface-wiki
Command: npx skills add https://github.com/qdzsh/gsd-revamp --skill userinterface-wiki-qdzsh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX best practices are often scattered or inconsistently applied. This guide consolidates 152 rules across 12 categories to support automated reviews and design QA.

Core Features & Use Cases

  • Comprehensive rules across animation, typography, layout, accessibility, and interaction, enabling consistent UI decisions and automation-friendly review.
  • A centralized reference for auditing UI components, improving usability, accessibility, and visual polish across projects.
  • Practical examples and checklists that teams can apply during design reviews, code reviews, and automated generation workflows.

Quick Start

Review a UI component against the wiki's rules to identify violations and generate remediation notes.

Frequently Asked Questions about userinterface-wiki

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my web interface for UI/UX violations?▼

UI/UX best practices are consolidated into 152 rules across 12 categories, covering animation, CSS, typography, layout, accessibility, and interaction patterns to evaluate web interface consistency and visual polish.

How do I check if my web design typography and CSS follow accessibility guidelines?▼

Apply structured rules to web design components to verify typography, CSS, and interaction patterns meet accessibility standards, generating consistent UI decisions and actionable remediation notes.

Can I use these UI guidelines for automated design QA reviews?▼

Yes, you can use these guidelines for automated design QA reviews because the 152 rules feature frontmatter-defined metadata and structured logic that enable automated review and generation workflows for UI components.

What is the best way to consolidate scattered UI/UX best practices for consistent design reviews?▼

The best way to consolidate scattered UI/UX best practices is using a centralized reference of 152 structured rules across 12 categories, enabling consistent UI decisions and automation-friendly design reviews.

What UI interaction patterns and animations do these web design rules cover?▼

These web design rules cover interaction patterns, animations, CSS, typography, icons, and prefetching, providing practical checklists to audit designs and improve usability and visual polish across projects.

Related Skills

Explore More Design & Creative Skills→
FindMalekFindMalek
9

web-design-guidelines

Audits frontend components for compliance with Web Interface Guidelines.

Community
Intermediate
crbnoscrbnos
2.3k

make-interfaces-feel-better

Apply design engineering principles to enhance UI components with CSS and animations.

Official
Advanced
patrickhaahrpatrickhaahr

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design quality.

Community
Basic
martinholovskymartinholovsky
12

sota-frontend-design

Audit and build user interfaces against web design and UI/UX standards.

Community
Advanced