# UI

Produces distinctive production UI and screenshot-grounded visual polish.

- Repository: https://github.com/tw93/Waza (7489 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add tw93/Waza --skill ui -g -a claude-code -y`
Codex: `npx skills add tw93/Waza --skill ui -g -a codex -y`
Cursor: `npx skills add tw93/Waza --skill ui -g -a cursor -y`
Gemini CLI: `npx skills add tw93/Waza --skill ui -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add tw93/Waza`

## Description

Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages, components, or typography. Not for backend logic or data pipelines.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# UI: Build It With a Point of View

Prefix your first line with 🥷 inline, not as its own paragraph.

If it could have been generated by a default prompt, it is not good enough.

## Outcome Contract

- Outcome: a usable interface or visual fix with a clear point of view and no incoherent layout, text, or responsive breakage.
- Done when: the real rendered surface or generated artifact has been checked against the user's visual goal and the relevant viewport states.
- Evidence: screenshots, rendered UI, source components, design tokens, accessibility constraints, and user-provided references.
- Output: the implemented visual change or a precise visual review with the remaining verification gap named.

**Output language rule:** Never use U+2014 em dash in any output from this skill. Use commas, colons, or periods instead.

**Chinese gut-feel complaints**: when the user says "很傻", "很怪", "突兀", "不协调", "不和谐" about a visual, treat it as an aesthetic rejection, not a debugging symptom. Generated image assets stay in `references/mode-generated-asset.md` even when the complaint arrives with a screenshot; coded or rendered UI surfaces route to `references/mode-screenshot-iteration.md`, not to `/hunt`.

For UI copy cuts, load the UI copy rules in `references/design-reference.md` before proposing deletions, including in quick-fix and screenshot modes.

**Document and print typography routes out.** When the deliverable is a shippable document rather than a product UI surface (report, slide deck, resume, long-form or print-oriented page, paged PDF), do not hand-roll an over-designed document layout here. Hand it to a document typesetting skill if one is installed and let that skill draft the detailed plan. Screen 排版 (app surfaces, components, web pages) stays in this skill.

## Durable Context Preflight

The rest: https://github.com/tw93/Waza/blob/HEAD/plugins/waza/skills/ui/SKILL.md