ui

ui is a skill for Claude Code, Codex from tw93/Waza. It costs 71 tokens per session (3,228 once invoked), scanned A, original, MIT.

A set of instructions for creating and reviewing user interfaces, such as web pages, components, and visual screens. It emphasises a distinctive visual direction, clear layouts, and checking the rendered result.

In plain words
What is it for?
It is for building or polishing frontend interfaces, improving visual design, and reviewing screens against screenshots or other visual goals.
Why use it?
It helps avoid generic or confusing interfaces by requiring attention to typography, visual consistency, responsive layouts, and the actual screen output.

Skill for Claude CodeCodex

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/tw93/waza/ui
Any agent
npx skills add tw93/Waza --skill ui
Clone the repo
git clone --depth 1 https://github.com/tw93/Waza

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ui

README.md
[![agentmods](https://agentmods.dev/badge/skills/tw93/waza/ui.svg)](https://agentmods.dev/skills/tw93/waza/ui)
Your own site
<a href="https://agentmods.dev/skills/tw93/waza/ui"><img src="https://agentmods.dev/badge/skills/tw93/waza/ui.svg" alt="Measured on agentmods" height="20"></a>
Per session 71 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,228 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00071 $0.03228
Opus 5 $0.00036 $0.01614
Sonnet 5 $0.00014 $0.00646
Haiku 4.5 $0.00007 $0.00323

Measured today against content hash 5873cbafe600, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

ui scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/waza/skills/ui/SKILL.md · 140 lines

How it starts

The opening of the file, as written. The whole thing — 140 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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.

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

See references/durable-context.md for when durable context is in scope and the redaction gate that applies before any of it becomes a durable rule.

For /ui: current screenshots and rendered output override memory. Reuse durable visual preferences and mature interaction patterns, but still name the current visual problem from the screenshot or source before changing code.

Read the full file on GitHub · 140 lines

Files

What ships with it

7 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. today Changed · -8 lines 5873cbafe600
  2. 4d ago First seen · 148 lines · 71 tokens per session scan A 5b076ed2d0de

Subscribe to this mod's changes

ui is a skill published in the GitHub repository tw93/Waza (6,947 stars, last pushed today), licensed MIT. It adds 71 tokens to every session and 3,228 once invoked, about $0.0004 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

agent-bridge

Delegate real coding work to a peer AI agent (such as Claude Code, Codex (ChatGPT), or Gemini (Antigravity)) that runs its own full harness, or use that peer as an independent reviewer, adversarial red-team, ideation & planning partner. Trigger when the user says "use agent bridge", "ask ", "delegate to ", "have…

kununu/agent-bridge · 167 tokens

spark-ui

Install and compose Spark UI signature React components such as Widget Stack, Dynamic Island, Interactive Pets, Tactile Highlight, Shimmer Text, Image Trail, Animated Gradient, Ghost Ether, Logo Carousel, QR Code, Receipt, Number Ticker, Spotify Card, Masonry, Keyboard, and Hello from the Spark UI shadcn-compatible…

codeweb-dev/spark-ui · 73 tokens

verify

Build, run, and drive the Spark UI docs site to verify changes end-to-end.

codeweb-dev/spark-ui · 20 tokens

bridge-review

A peer agent reviews the changes via agent-bridge, then verified findings get reported to you and the easy ones fixed right away. Name the peer after the command, e.g. /bridge-review gemini.

kununu/agent-bridge · 44 tokens

rust-engineer

Use when building Rust systems where memory safety, ownership patterns, zero-cost abstractions, and performance optimization are critical for systems programming, embedded development, async applic...

luokai0/ai-agent-skills-by-luo-kai · 36 tokens

senior-data-engineer

World-class data engineering skill for building scalable data pipelines, ETL/ELT systems, real-time streaming, and data infrastructure. Expertise in Python, SQL, Spark, Airflow, dbt, Kafka, Flink, Kinesis, and modern data stack. Includes data modeling, pipeline orchestration, data quality, streaming quality…

benchflow-ai/skillsbench · 100 tokens