From 7c101368a0a86586b8b3efb2255b7db9962eac4d Mon Sep 17 00:00:00 2001 From: Sam Rolfe Date: Sat, 27 Jun 2026 12:53:52 +1000 Subject: [PATCH] =?UTF-8?q?Make=20image=20inline=20display=20explicit=20in?= =?UTF-8?q?=20design-explore=20=E2=80=94=20must=20call=20read()=20after=20?= =?UTF-8?q?save?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- skills/design-explore/SKILL.md | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/skills/design-explore/SKILL.md b/skills/design-explore/SKILL.md index 52d5dc7..ad8ff7a 100644 --- a/skills/design-explore/SKILL.md +++ b/skills/design-explore/SKILL.md @@ -77,12 +77,24 @@ Agent( The image-maker will generate images via OpenRouter's image models. -### Step 5: Show images inline +### Step 5: Show images inline (REQUIRED) -When images are generated: -1. Save them to `/tmp/design-explore-.png` -2. Use the `read` tool to display them — images appear inline in the pi conversation -3. Present them to the user: "Here are 3 design concepts. Which direction do you like?" +After images are generated, you MUST display them inline. Do NOT just save files and report paths. + +1. Save each image to `/tmp/design-explore-.png` +2. **Call `read` on each saved image file** — pi displays images as inline attachments +3. Present to user: "Here are the design concepts. Which direction?" + +Example: +```bash +# After image-maker generates images, save them +# Then READ them so they appear inline: +read("/tmp/design-explore-1.png") +read("/tmp/design-explore-2.png") +read("/tmp/design-explore-3.png") +``` + +The user should see the images in the conversation, not have to open files manually. ### Step 6: Iterate