Design Method

•
36
•

Guides structured frontend design workflows by establishing visual registers, setting numeric aesthetic dials, and enforcing quality gates before code generation.

Serves as the foundational entry point and gatekeeper for all design-expert workflows in Claude Code. By establishing the project register (brand versus product), calibrating visual variance, density, and motion intensity dials against real-world references, and locking Gate 0 requirements, it prevents generic AI design output before any CSS, HTML, or design tokens are written. It is essential at the outset of any web or product interface task to systematically route to the right design move, eliminate aesthetic clichés, and ensure deliberate art direction.

主な機能

01Calibration of three contractual dials: Design Variance, Visual Density, and Motion Intensity
02Two-level AI-slop test and absolute ban list to eradicate generic generative UI patterns
0336 GitHub stars
04Register classification distinguishing brand marketing from high-utility product interfaces
05Gate 0 brief lock enforcement before modifying HTML, CSS, or tokens
06Dynamic workflow routing to specialized design moves such as polish, audit, bolder, or redesign

ユースケース

01Auditing and refactoring existing design systems against empirical benchmark scales
02Preventing generic AI aesthetics in enterprise dashboards and SaaS products
03Initiating new web or mobile interface designs with calibrated aesthetic targets