# Geometric Decomposition Precedes Syntax Reduction ## Claim In a constrained optimization problem, correctly modeling the target before compressing the solution beats compressing early. <!-- atomicity: 1 idea ✓ --> ## Scope & conditions - Holds for problems with a visible, checkable target (an image to reproduce, a spec to satisfy) where "correct" is verifiable before "small" is attempted. - The order matters because compression locks in whatever model you started with — fixing a wrong primitive after golfing the syntax around it costs more than fixing it before. - Doesn't claim compression is unimportant, only that it's the second step, not the first. ## Evidence Two developers racing to reproduce a geometric image in minimal CSS made their fastest progress once they'd correctly decomposed the target into reusable primitives (circles, offsets); the lower-scoring competitor's errors traced to a single mis-set offset that had already been baked into a repeated, compressed pattern. ## Links - [[3. Resources/MOCs/Visual Thinking MOC]] — because applies-in; decomposition-first is a general visual problem-solving move, not a CSS-specific trick. - [[3. Resources/Permanent Notes/Zet · CSS-only carousel solutions improve performance]] — because applies-in; another instance of solving a visual constraint problem by picking the right primitive first. ## Tests / falsifiers - Find a constrained-optimization task where golfing syntax first and modeling second produced a comparably good or better result — that would weaken the ordering claim. - Check whether the ordering effect holds outside visual/geometric targets (e.g., algorithmic code golf with no visual component) or is specific to problems with a directly checkable visual target. ## Maintenance - Last tended: 2026-08-16 - Next review: 2026-11-16 ## Source - [[3. Resources/Literature Notes/How Hard Can It Be To Draw Circles]] — the CSSBattle-style exercise this claim is drawn from.