skills.rest
mkurman
mkurmanCOMMUNITY
Explore all skills by this author →
𝕏@mkurman88GitHub

userinterface-wiki

Inspect web UI elements and output file:line findings from 152 rules.

321|26|Updated Mar 10, 2026
Search Tags:#automation#ui#audit#guidelines#ux#rules#web-design
One-click install
npx skills add https://github.com/mkurman/tamux --skill userinterface-wiki-mkurman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: userinterface-wiki
Source: https://github.com/mkurman/tamux/tree/main/skills/gsd-2/skills/userinterface-wiki
Command: npx skills add https://github.com/mkurman/tamux --skill userinterface-wiki-mkurman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX decision fatigue: teams struggle to implement consistent, accessible, and polished web interfaces across animations, typography, audio cues, and UX patterns. This skill provides a comprehensive guideline to audit and improve UI quality with a structured rule set.

Core Features & Use Cases

  • Comprehensive UI/UX guidance across 12 categories from animation principles to typography.
  • Contains 152 rules across 12 categories to standardize quality and compliance across teams.
  • Outputs file:line findings to support automated reviews and design documentation.

Quick Start

Audit a target web page and generate a file:line findings report.

Frequently Asked Questions about userinterface-wiki

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

FAQPage Schema
How do I audit web interfaces for UI/UX best practices?▼

UI/UX guidelines are consolidated into 152 entries across 12 categories ranging from animation principles to typography. These rules standardize quality and compliance across web design teams to eliminate decision fatigue.

How do I generate file:line findings for automated UI design reviews?▼

Yes, web design UI/UX audits can inspect CSS, animations, and prefetching patterns. The skill codifies these into actionable rules to standardize interface quality and compliance across teams.

What is the best way to standardize typography and animation rules in web design?▼

The skill outputs file:line findings to support automated reviews and design documentation. By inspecting CSS, animations, and typography, it codifies actionable rules for integration into audit reports.

Does this UI audit skill work without external dependencies?▼

The skill consolidates guidelines into 12 category rules and 152 entries. It outputs actionable, line-level findings for code reviews, design reviews, and automated audits to improve web interface quality.

Can I integrate UI/UX rules into my automated code review process?▼

You can audit a target web page and generate a file:line findings report. This process inspects typography, animations, and CSS to identify actionable UI/UX improvements based on 152 rules.

Related Skills

Explore More Design & Creative Skills→
dongitrandongitran
3

web-design-guidelines

Audit UI code against Web Interface Guidelines and output file:line findings.

Community
Basic
kevinbarfleurkevinbarfleur

web-design-guidelines

Identify UI accessibility and design guideline violations in HTML, CSS, and JavaScript files.

Community
Basic
afonsolelisafonsolelis

acessibilidade

Ensure HTML pages conform to WCAG 2.1 AA accessibility guidelines.

Community
Intermediate
wixelswixels

web-design-guidelines

Audit React, Next.js, and web UI code against Vercel Web Interface Guidelines.

Official
Intermediate