diff --git a/.claude/skills/frame0-wireframe/SKILL.md b/.claude/skills/frame0-wireframe/SKILL.md index 06c0bc52..05bb1255 100644 --- a/.claude/skills/frame0-wireframe/SKILL.md +++ b/.claude/skills/frame0-wireframe/SKILL.md @@ -36,10 +36,15 @@ Always check first: 2. **Write wireframe JSON** — to `docs/design/wireframes/{category}/{name}.json` 3. **Push to Frame0** — `frame0-sync.py push ` 4. **Export PNG** — `frame0-sync.py export ` -5. **Show it inline** — `Read` the exported PNG so it renders for the user in - the conversation. Always do this after an export: the user is designing with - you and needs to *see* the result without leaving the chat or opening Frame0. - Re-show it (Read again) whenever you re-export or the user asks to see it. +5. **Show it inline** — surface the exported PNG in the conversation so the + user sees the result without opening Frame0. Always do this after an export, + and again whenever you re-export or the user asks to see it. + - **Inside clide** (the IDE hosting this session — `CLIDE_SOCK` is set): + render it as a native image card in the live Claude pane with + `clide image show [--caption "…"]` (T-249). This is the *proper* + way to put an image in the clide conversation — a bare `Read` only shows + it in the transcript, not in the UI the user is looking at. + - **Otherwise**: `Read` the PNG so it renders inline in the transcript. 6. **Clean up** — delete test/scratch pages from Frame0 when done ### Scripts