frame0 skill: prefer clide image show for inline display inside clide

A bare Read only renders the PNG in the transcript; inside clide the proper
way to put an image in the conversation is the clide image show verb (T-249),
which renders a native image card in the live Claude pane.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-06 22:22:07 +02:00
co-authored by Claude Opus 4.8
parent d67c2c38d8
commit 74cb60f1e3
+9 -4
View File
@@ -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 <file.json>`
4. **Export PNG**`frame0-sync.py export <file.json> <output.png>`
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 <path> [--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