skills.rest
cmetech
cmetechCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

userinterface-wiki

Enforce UI/UX best-practice rules across web interfaces for code reviews and linting.

Updated May 25, 2026
Search Tags:#typography#ui#accessibility#animation#web-design#ux-guidelines
One-click install
npx skills add https://github.com/cmetech/otto-cli --skill userinterface-wiki-cmetech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: userinterface-wiki
Source: https://github.com/cmetech/otto-cli/tree/main/src/resources/skills/userinterface-wiki
Command: npx skills add https://github.com/cmetech/otto-cli --skill userinterface-wiki-cmetech

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX governance: provides a centralized reference of best practices to audit web interfaces and flag inconsistencies.

Core Features & Use Cases

  • Rule catalog: 152 rules across 12 categories to guide reviews and automated checks.
  • Automation-ready: context-aware prompts and checks for code reviews, design audits, and linting.
  • Educational reference: serves as a living wiki to train teams on consistent UI/UX patterns.

Quick Start

Provide a web project and let the wiki evaluate UI code and return violations with suggested fixes.

Frequently Asked Questions about userinterface-wiki

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

FAQPage Schema
How do I enforce UI UX guidelines during web design code reviews?▼

To enforce UI UX guidelines during web design code reviews, apply a catalog of 152 curated best-practice rules across 12 categories to flag interface inconsistencies and return suggested fixes.

What is the best way to automate accessibility and typography checks for web interfaces?▼

Automating accessibility and typography checks uses context-aware prompts and frontmatter metadata to drive automated linting, design audits, and rule discovery for consistent web interface quality.

Can I use this rule catalog to audit web animations and prefetching logic?▼

Yes, you can use this rule catalog to audit web animations and prefetching logic, as it specifically covers animation, prefetching, and iconography alongside typography and accessibility for comprehensive design audits.

Does this UI design wiki require any dependencies or specific component libraries?▼

This UI design wiki requires no dependencies or specific component libraries, functioning as a standalone educational reference and automation-ready rule catalog to train teams on consistent UI patterns.

How do I evaluate web project code to find UX guideline violations?▼

To evaluate web project code for UX guideline violations, provide the project to the wiki so it can apply context-aware rules and return a list of violations with suggested fixes.

What specific problems does a UI UX governance wiki solve for development teams?▼

A UI UX governance wiki solves the problem of inconsistent interface quality by providing a centralized reference of best practices to audit web interfaces, flag inconsistencies, and streamline design reviews.

Related Skills

Explore More Design & Creative Skills→
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
LetPeopleWorkLetPeopleWork
16

engineering-standards

Detect SOLID, DRY, YAGNI, and KISS violations with refactoring guidance.

Official
Basic
danieldev24danieldev24

ci-cd-and-automation

Automates CI/CD pipeline setup and quality gates for code verification.

Community
Advanced
prof-danielcprof-danielc

speckit.checker

Run static analysis tools and aggregate results into a prioritized issue report.

Community
Advanced