arn-spark-visual-sketch

To generate distinct visual directions for UI sketches, provide your product concept and scaffold context to produce 2-4 concurrent visual-direction briefs. Each proposal includes a direction brief, CSS variable references, and a manifest describing screens for side-by-side comparison.

A visual-direction brief defines a distinct UI aesthetic by specifying tone commitments, differentiation anchors, and anti-pattern reminders. It ensures proposals vary in layout, color, typography, density, and component style, preventing generic designs during early concept exploration.

You can create a UI design gallery by spawning parallel visual-sketcher agents that produce first-round proposals and subsequent expansions. These distinct proposals are built directly into an arness-sketches/ directory, enabling immediate side-by-side style comparison.

Yes, you can generate multiple UI style proposals without predefined design system tokens. The tool outputs a visual-direction.md and a proposal-manifest.json containing CSS variable references, specifically intended to support downstream style exploration before code commitment.

UI visual sketching requires no external dependencies or component libraries. It operates independently using internal references to generate proposals, relying solely on your provided project concept and target screens to produce the visual directions.

You should not use automated visual sketching when you need pixel-perfect final assets or have already committed to strict design system tokens. It is designed for early conceptual exploration and producing distinguishable proposals, not for generating production-ready UI code.