tw93 avatar

Design

Turns screenshots and taste complaints into actual fixes. When you say "this looks off" or paste an image with "很丑", it diagnoses the specific visual problem (spacing, contrast, hierarchy), waits for confirmation, then applies the minimal code change to fix it. Before building anything new, it forces you to answer five questions about direction, aesthetics, and constraints, then surveys how 2-3 real products in the same category solved the same problem. Built for production UI work where "clean and modern" isn't a brief and pixel-level consistency matters. Includes detailed rules for app shells, data dashboards, and redesign priority order. Skips the generic AI aesthetic in favor of opinionated, reference-grounded output.

skills.sh installs
8.7K
GitHub stars
7.5K
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

Turns screenshots and taste complaints into actual fixes. When you say "this looks off" or paste an image with "很丑", it diagnoses the specific visual problem (spacing, contrast, hierarchy), waits for confirmation, then applies the minimal code change to fix it. Before building anything new, it forces you to answer five questions about direction, aesthetics, and constraints, then surveys how 2-3 real products in the same category solved the same problem. Built for production UI work where "clean and modern" isn't a brief and pixel-level consistency matters. Includes detailed rules for app shells, data dashboards, and redesign priority order. Skips the generic AI aesthetic in favor of opinionated, reference-grounded output.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/tw93/waza
Categories
Frontend Development, Backend & APIs, Design & UI/UX, CLI & Terminal
First seen
Apr 16, 2026

More from tw93/waza

All 10
1vercel-labs avatarnextvercel-labs/json-renderNext.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with @json-rende8.6Kskills.sh installs
2josiahsiegel avatartailwindcss-advanced-layoutsjosiahsiegel/claude-plugin-marketplaceTailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns. PROACTIVELY activate for: (1) building complex layouts with CSS Grid, (2) grid-8.2Kskills.sh installs
3shubhamsaboo avatarfullstack-developershubhamsaboo/awesome-llm-appsModern web development expertise covering React, Node.js, databases, and full-stack architecture. Use when: building web applications, developing APIs, creating7.9Kskills.sh installs
4assistant-ui avatarassistant-uiassistant-ui/skillsOverview and router for assistant-ui, the React library for building AI chat interfaces from composable primitives. Use for high-level, cross-cutting, or archit7.4Kskills.sh installs
5anthropics avatarplugin-structureanthropics/claude-plugins-officialThis skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plu7.3Kskills.sh installs
6github avatarmsstore-cligithub/awesome-copilotMicrosoft Store Developer CLI (msstore) for publishing Windows applications to the Microsoft Store. Use when asked to configure Store credentials, list Store ap7Kskills.sh installs