Goal: Create a widescreen screenshot-style image of a dark ComfyUI node graph demonstrating GPT image editing from a text instruction embedded in a mask. Canvas: 1200Γ580 horizontal frame, dark charcoal grid background, cropped like a real workflow editor screenshot. Use crisp UI panels with rounded corners, subtle shadows, small sans-serif interface text, and colored connection cables. Layout: Arrange exactly 7 visible workflow nodes from left to right across the canvas. Include 4 nodes on the left, 1 large central processing node, and 2 output/preview nodes on the right. Show blue image sockets and green mask sockets connected by curved wires. Nodes and contents: 1. Top-left node titled βLoad Image (from Outputs)β. It shows a green rectangular preview filled with a repeating circle/arc geometric pattern, size label β1536 Γ 1024β, and small controls including image selector, auto-refresh toggle, and refresh button. 2. Upper-middle-left node titled βLoad Imageβ. It shows a white rectangular preview with thin black repeating overlapping circle pattern, size label β1536 Γ 1024β. Connect its blue IMAGE output to the central node image input. 3. Lower-middle-left node titled βLoad Image (as Mask)β. It shows a dark preview with red pixel-like text reading βhello chatgptβ on the first line and βplease make the image greenβ on the second line. The channel dropdown says βredβ. Connect its green MASK output to the central node mask input. 4. Bottom-left node titled βLoad Comfy Clipspace Maskβ. Include controls labeled clipspace_file βlatestβ and invert_mask toggle, plus small image and mask sockets. This node is visible but not the main connection. 5. Center node titled βOpenAI GPT Image Directβ. It has inputs labeled image and mask; outputs labeled images, mask, and revised_prompts. The prompt textbox contains [instruction prompt]. Settings visible: model [model], quality [quality], size [image size], custom_width 1024, custom_height 1024, n 1, output_format png. Connect its blue images output to Save Image, and its gray/green mask or revised prompt output down to Preview as Text. 6. Upper-right node titled βSave Imageβ. It shows filename_prefix βComfyUIβ and a result preview: the same circular pattern now colored bright green, with the black text instruction overlaid in the upper-left reading βhello chatgptβ and βplease make the image greenβ; size label β1536 Γ 1024β. 7. Lower-right node titled βPreview as Textβ, partially cropped at the bottom edge, connected from the central nodeβs revised_prompts output; show a small βsourceβ label and a βPreviewβ area. Visual style: Realistic UI screenshot, dark theme, subtle grid, rounded black-gray panels, white and gray interface labels, blue and green socket dots, curved blue/green connector lines. The generated image previews should look flat and procedural rather than photorealistic. Constraints: Keep the exact workflow concept readable: a white patterned input image plus a mask containing text instructions produces a green patterned output. Do not add people, branding outside ComfyUI/OpenAI labels, extra nodes, or decorative elements.
0 Comments
π₯ Co-learning Circle 0
Observe other members' variables & configurations, and click "Study & Retry" to instantly import settings and practice!