Add Visual Reference

Add a new visual reference to the visual-reference project. Self-contained — no vault or external pipeline needed.

Prerequisites

• You are in the visual-reference project root
• The user provides a screenshot (paste or file path)

Step 1: Analyze Screenshot

Look at the screenshot carefully. Extract:

Colors

• Background colors: main bg, secondary bg, card bg, section alternates
• Accent colors: primary CTA, links, highlights, gradients
• Text colors: headings, body, muted/secondary text

Use hex values. Name them semantically (e.g., "primary", "surface", "muted").