skills.rest
mohamed-g-shoaib
mohamed-g-shoaibCOMMUNITY
Explore all skills by this author →
GitHub

userinterface-wiki

Catalog 152 UI/UX rules across 12 categories for standardized reviews.

Updated Mar 10, 2026
Search Tags:#automation#ui#accessibility#guidelines#ux#rules#design-system
One-click install
npx skills add https://github.com/mohamed-g-shoaib/rootly --skill userinterface-wiki-mohamed-g-shoaib
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: userinterface-wiki
Source: https://github.com/mohamed-g-shoaib/rootly/tree/main/.agents/skills/userinterface-wiki
Command: npx skills add https://github.com/mohamed-g-shoaib/rootly --skill userinterface-wiki-mohamed-g-shoaib

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a centralized UI/UX guidelines catalog to standardize reviews, enforce design-system consistency, and guide automated generation across web interfaces.

Core Features & Use Cases

  • 152 rules across 12 categories enable structured, rule-based reviews for animations, timing, accessibility, typography, and more.
  • Enables AI-assisted reviews and generation by supplying a machine-readable rule set and discovery metadata.
  • Supports automated design-system audits, code-quality checks, and rapid prototyping guidance using the compiled guidelines.

Quick Start

Review the organized rule set to begin auditing UI components and guiding AI-assisted generation in line with the catalog.

Frequently Asked Questions about userinterface-wiki

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

FAQPage Schema
How do I automate UI/UX guideline checks during code reviews?▼

Automate UI/UX guideline checks by applying a centralized rule catalog with discoverable frontmatter to code reviews. This standardizes design-system audits and AI-assisted UI generation across projects.

What is a machine-readable rule set for automated design-system audits?▼

A machine-readable rule set for automated design-system audits is a structured catalog of 152 UI/UX rules across 12 categories with discoverable frontmatter, enabling tooling integration for standardized reviews.

How do I enforce accessibility and typography consistency across web interfaces?▼

Enforce accessibility and typography consistency by applying a compiled rule set across web interfaces. It provides structured, rule-based reviews for animations, timing, and accessibility to maintain design-system consistency.

Can I use this UI rule catalog to guide AI-assisted UI generation?▼

You can use this UI rule catalog to guide AI-assisted UI generation by supplying it as a machine-readable rule set with discovery metadata. It supports rapid prototyping and automated design-system audits.

Does this UI/UX rule set require any dependencies or specific frameworks to run?▼

This UI/UX rule set requires no dependencies or specific frameworks to run. It functions as a standalone catalog with discoverable frontmatter designed for integration into your existing automation and tooling workflows.

When should I use a centralized UI rule catalog instead of manual design reviews?▼

Use a centralized UI rule catalog instead of manual design reviews when you need to standardize UI/UX checks across multiple projects. It enables automated design-system audits, code-quality checks, and AI-assisted generation.

Related Skills

Explore More Design & Creative Skills→
rayriffyrayriffy
127

web-design-guidelines

Compare UI files against Web Interface Guidelines to report compliance violations.

Community
Intermediate
shirulotshirulot

web-design-guidelines

Audit web interface source code for design and accessibility compliance.

Community
Intermediate
suiramdevsuiramdev

web-design-guidelines

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

Community
Intermediate
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate