Skills
.Work. You
Rest

ui-avoid

Community

Audit AI UIs to keep them human and consistent.

Design & Creative#design#ui#consistency#react#audit#tailwind
Authorzebbern
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generic AI UI patterns clutter dashboards, sacrificing usability for flash. This guide helps teams recognize and break these patterns with a repeatable visual-audit loop, ensuring interfaces feel human-designed, functional, and honest.

Core Features & Use Cases

  • Define and enforce normal UI patterns (clear typography, simple borders, consistent spacing) to prevent drift.
  • Provide a repeatable visual-audit checklist that design reviews can apply during React/Tailwind dashboard refactors.
  • Promote design quality by outlining banned patterns (decorative shells, heavy gradients, eyebrow labels) and recommended defaults to achieve consistency.
  • Use case: during UI refactors or component library maintenance, run audits to replace generic AI UI language with human-centered styles.

Quick Start

Review a UI prototype and replace generic AI dashboard patterns with human-centered, consistent alternatives.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-avoid
Download link: https://github.com/zebbern/termstack/archive/main.zip#ui-avoid

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.