Dragoon0x/canon

Dragoon0x/canon

Command

Adapt a layout or component across breakpoints, densities, and modes using CANON responsive rules.

Dragoon0x/canon

Command

Add motion to an interface with defensible durations, easings, and reduced-motion fallbacks.

Dragoon0x/canon

Command

Run a complete design audit of the current interface against CANON standards. Checks typography, color, spacing, motion, interaction, responsive behavior, accessibility, forms, depth, states, performance, and UX writing. Reports violations grouped by severity.

Dragoon0x/canon

Command

Raise the visual confidence of a timid interface without breaking CANON discipline.

Dragoon0x/canon

Command

Rewrite UI copy for clarity using CANON ux-writing rules.

Dragoon0x/canon

Command

Build or fix a color system using CANON color rules, with WCAG contrast enforced.

Dragoon0x/canon

Command

Build a component from scratch, end to end, applying every relevant CANON skill.

Dragoon0x/canon

Command

Critique the current design like a senior design director. Go beyond rule violations. Diagnose the visual concept, identify what's confused or lazy, and propose direction. Use this when the design is "fine" but not distinctive.

Dragoon0x/canon

Command

Add small, earned moments of polish without breaking CANON discipline.

Dragoon0x/canon

Command

Remove. Simplify. Take away until the interface reads as designed rather than assembled. Use when the UI has accumulated components, colors, and cleverness that no longer earn their space.

Dragoon0x/canon

Command

Extract reusable design tokens from an existing codebase, normalize, and output a tokens file.

Dragoon0x/canon

Command

Harden an interface against real-world failure modes. Add loading states, empty states, error states, offline handling, slow-network behavior, and edge-case copy. Use this when happy-path works but nothing else does.

Dragoon0x/canon

Command

Compose a page or component layout using CANON spatial and responsive rules.

Dragoon0x/canon

Command

Normalize the codebase to the CANON token system. Extract scattered values into design tokens for color, type, spacing, radius, shadow, z-index, motion. Replace ad-hoc values with references. Use when the codebase has drifted into magic numbers.

Dragoon0x/canon

Command

Performance pass using CANON performance rules. LCP, INP, CLS, bundle size.

Dragoon0x/canon

Command

Apply finishing moves to an interface that's 80% there. Tighten type, refine spacing, sharpen interactions, add the small details that separate good from designed. Use when the design works but feels rough.

Dragoon0x/canon

Command

Reduce visual noise. Remove decoration, tighten hierarchy, trust whitespace.

Dragoon0x/canon

Command

Explain a CANON rule or decision in plain language with before/after examples.

Dragoon0x/canon

Command

Typography pass on a page or component using CANON type rules.