Enforce design intent across frontend pages and components with OKLCH color guidelines.
npx skills add https://github.com/tw93/Waza --skill design-tw93
Please help me install this Agent Skill. Skill: design Source: https://github.com/tw93/Waza/tree/main/plugins/waza/skills/design Command: npx skills add https://github.com/tw93/Waza --skill design-tw93
## What problem does it solve? This Skill helps engineers craft production-grade UI surfaces that look cohesive, intentional, and high-quality when facing aesthetic or readability challenges in pages, components, or visual interfaces.
## Core Features & Use Cases
### Quick Start Provide a production-grade UI redesign plan for the specified surface using the design guidelines and tokens.
High-intent search queries and answers about installing and using this skill.
Production UI redesigns enforce a clear design intent across frontend surfaces by aligning typography, spacing, color, and layout to actionable guidelines, ensuring aesthetics look cohesive and intentional.
Generating a production-grade UI redesign plan involves providing the target frontend surface to receive actionable guidelines aligning typography, spacing, and color with the intended visual design.
Yes, UI design work adheres to OKLCH color guidelines and accessibility constraints, ensuring frontend surfaces meet production standards for readability and inclusive visual interfaces.
Yes, this targets frontend surfaces requiring improved aesthetics and readability, directly aligning frontend code and design tokens to enforce visual consistency across components.
A limitation of using design tokens for frontend visual design is that the output requires a clearly defined scope upfront; without a stated design intent, the Skill cannot enforce cohesive aesthetics or spacing.
qazuorGuide UI teams through pre-coding design foundations for typography, color, and layout.
JBonfimGenerate production-grade frontend UI code from a design brief.
tomasbassoTranslates design briefs into production-grade frontend interfaces and components.
Usmanhacker2641Enforce premium typography, spacing, shadows, and motion in web UI layouts.
