Ui

This is Claude's opinionated UI builder. It kicks in when you complain something looks ugly, when you need a component or page, or when you paste a screenshot saying "fix this." It enforces a point of view: spacing tokens instead of magic numbers, uniform typography in state-swapping slots, actual loading states instead of flashing empty screens, and safety-first design for destructive actions. The skill distinguishes between quick visual fixes (misalignment, overflow, contrast) and direction problems that need screenshot iteration. It checks your rendered output, not just code, and treats Chinese aesthetic complaints like "很傻" or "突兀" as visual rejections worth fixing. Routes print layouts to dedicated document tools, keeps screen UI in house.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 6
skills.sh installs: 4.7K
GitHub stars: 7.5K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add tw93/waza --skill ui --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

SKILL.md on GitHub