Back to skills

Reproduce / build from an image attachment

User attached an image (or provided an image URL) AND asks to code, create, build, or reproduce a site/page/component based on it. ALWAYS run document first to extract the full design spec, then code with dependsOn so the generated site faithfully mirrors the image.

Tool chain

  1. 1

    document

    Extract the complete design system from the image (colors, layout, typography, components).

  2. 2

    code

    code runs AFTER document so it can read the full design spec extracted from the image.

    Depends on: document

Execution plan

Output format
widget-rich
Can replan
No

Linked capabilities

documentcode