feat: show screenshots to user during QA and browse sessions (v0.5.0.1)

Add rule 11 to QA and Design methodologies in gen-skill-docs.ts
instructing Claude to Read screenshot PNGs after taking them.
This makes screenshots visible as clickable elements in Conductor
and other Claude Code UIs. Also added to browse and gstack SKILL
templates.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Garry Tan
2026-03-17 08:28:30 -07:00
parent c8c2cbba33
commit eed201a91e
11 changed files with 23 additions and 3 deletions
+3
View File
@@ -184,6 +184,9 @@ $B snapshot -D # verify deletion happened
$B diff https://staging.app.com https://prod.app.com
```
### 11. Show screenshots to the user
After `$B screenshot`, `$B snapshot -a -o`, or `$B responsive`, always use the Read tool on the output PNG(s) so the user can see them. Without this, screenshots are invisible.
## Snapshot Flags
The snapshot is your primary tool for understanding and interacting with pages.
+3
View File
@@ -102,6 +102,9 @@ $B snapshot -D # verify deletion happened
$B diff https://staging.app.com https://prod.app.com
```
### 11. Show screenshots to the user
After `$B screenshot`, `$B snapshot -a -o`, or `$B responsive`, always use the Read tool on the output PNG(s) so the user can see them. Without this, screenshots are invisible.
## Snapshot Flags
{{SNAPSHOT_FLAGS}}