One-click install
npx skills add https://github.com/dain-agency/mood-tracker --skill clear-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clear-ui
Source: https://github.com/dain-agency/mood-tracker/tree/main/.claude/skills/clear-ui
Command: npx skills add https://github.com/dain-agency/mood-tracker --skill clear-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ad-hoc, inconsistent UI reviews often miss critical usability, accessibility, and user experience gaps, leading to polished-looking but frustrating user-facing screens that fail to meet user needs.

Core Features & Use Cases

  • 5-Pillar Review Framework: Structured evaluation across Copywriting, Layout, Emphasis, Accessibility, and Reward, synthesizing the Growth.Design "Psychology of UI Design" course into actionable checklists.
  • Scoring & Prioritization: 0-5 scorecard for each pillar to identify the weakest area first, align team review standards, and track improvement over time.
  • Pre-Build Micro-Tests: Built-in Copy Swap, Foggy Glasses, and 30-Second Reward tests to catch issues before launch, plus a screen-specific application map for common flows like dashboards, forms, and portals.
  • Use Case: Use this skill to audit a new patient admission form, score each CLEAR pillar, and get targeted guidance to fix generic copy and hidden reward gaps.

Quick Start

Invoke the clear-ui skill to review your new dashboard screen, score each of the 5 CLEAR pillars, and get a prioritized list of fixes for the weakest area.

Frequently Asked Questions about clear-ui

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

FAQPage Schema
How do I run a standardized UI review to catch usability and accessibility gaps?

A standardized UI review uses a 5-pillar scorecard evaluating Copywriting, Layout, Emphasis, Accessibility, and Reward to identify usability gaps. It applies a 0-5 scoring system to prioritize fixes for the weakest areas before launch.

What is the best way to audit a user interface design before development?

The best way to audit a user interface design pre-build is applying micro-tests like Copy Swap, Foggy Glasses, and 30-Second Reward. These tests validate screen-specific flows and highlight friction points before development begins.

Can I use a design scorecard to align cross-team UX review standards?

Yes, a design scorecard aligns cross-team UX review standards by providing a shared 5-pillar evaluation framework. Teams use the 0-5 scoring system to track interface improvement and ensure consistent user-centric design validation.

How do I score and prioritize fixes for a dashboard or form layout?

You score dashboard or form layouts by rating each of the 5 CLEAR pillars from 0-5. The framework provides screen-specific application guidance to target and fix the lowest-scoring areas first.

Why do ad-hoc interface validations miss critical user experience issues?

Ad-hoc interface validations miss critical user experience issues because they lack a structured evaluation framework. Without standardized checklists for accessibility and usability, reviews often overlook hidden friction points in interactive flows.

When should I not use a structured UI evaluation framework?

You should avoid using a structured UI evaluation framework for non-interactive visual assets or static graphics. The framework requires interactive user-facing digital screens and functional flows to properly evaluate usability and reward mechanics.