visual-reference-generation

Installation
SKILL.md

Visual reference generation

Arguing about an image costs an hour. Arguing about a build costs a sprint. Generate the picture first.

Before generating

Settle these, or the output is decoration:

  • Surface and platform — web page, native mobile screen, dashboard. These are not the same problem at different aspect ratios: touch targets, native chrome, and scroll behavior change what a good layout is.
  • What it optimizes for — one conversion, one task completion, one first impression. Stated, so the image can be judged against something.
  • Content reality — real headline lengths, real data volumes, real edge cases. A concept built on three-word labels collapses on contact with actual copy.

Generating

Installs
26
GitHub Stars
2.6K
First Seen
Sep 2, 2026