userinterface-wiki

Consolidate UI/UX guidelines into a canonical reference for automated review.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/HyperDev1/hx-ai --skill userinterface-wiki-hyperdev1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: userinterface-wiki
Source: https://github.com/HyperDev1/hx-ai/tree/main/src/resources/skills/userinterface-wiki
Command: npx skills add https://github.com/HyperDev1/hx-ai --skill userinterface-wiki-hyperdev1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX best practices guide for web interfaces. Contains 152 rules across 12 categories, prioritized by impact to guide automated code review and generation.

Core Features & Use Cases

  • 152 rules across 12 categories to guide automated UI reviews and code generation.
  • Prioritized guidelines for animations, typography, accessibility, and other UX patterns to standardize design decisions.
  • Use cases include automated code review, design validation, and consistency checks across web interfaces.

Quick Start

Review the 152 rules across 12 categories to audit and improve web interfaces.

Frequently Asked Questions about userinterface-wiki

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

FAQPage Schema
What are the best practices for automated UI/UX web design review?

Automated UI/UX web design review applies a canonical reference of 152 prioritized rules across 12 categories to validate animations, typography, accessibility, and CSS patterns for consistent web interfaces.

How do I standardize web interface design decisions for code generation?

Standardize web interface design decisions by consolidating 152 prioritized UX rules into a canonical reference, guiding automated code generation and design validation across 12 distinct categories.

Can I use these UX guidelines to audit web typography and accessibility?

Yes, you can audit web typography and accessibility using these UX guidelines, which include prioritized rules specifically targeting typography, accessibility, animations, and audio patterns for comprehensive design audits.

Do I need any external dependencies to run automated UI design audits?

No external dependencies are required. The UI design audit operates as a self-contained unit based on a SKILL.md frontmatter, loading optional resources like scripts, references, and assets directly into context.

How does a canonical UX wiki apply to CSS and animation reviews?

A canonical UX wiki applies to CSS and animation reviews by defining self-contained rules that standardize design decisions, ensuring automated checks validate web interface patterns against prioritized best practices.