Skip to content

🤖 fix: remove missing README screenshot #3317

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ibetitsmike merged 1 commit into from
May 19, 2026
+7 −12
Merged

🤖 fix: remove missing README screenshot #3317

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 5 additions & 6 deletions .mux/skills/generate-readme-screenshots/SKILL.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,6 @@ If **any** of these fail:
| `CostsTabRich` | `costs-tab.webp` | No |
| `ContextManagementDialog` | `context-management.webp` | Yes (open settings dialog) |
| `MobileServerMode` | `mobile-server-mode.webp` | No |
| `OrchestrateAgents` | `orchestrate-agents.webp` | No |

### Key Files

Expand Down Expand Up @@ -141,7 +140,7 @@ bun run scripts/capture-readme-screenshots.ts --storybook-url http://localhost:6

The script:

- Iterates all 8 stories sequentially
- Iterates all 7 stories sequentially
- Opens a fresh Playwright page per story
- Waits for `networkidle` + 2s stabilization
- Runs `playInteraction` if defined (with up to 3 retries for flaky interactions)
Expand All @@ -163,8 +162,8 @@ bun run scripts/capture-readme-screenshots.ts --story ContextManagementDialog
### 5. Verify & Commit

```bash
# Check all 8 files are present and 3800px wide
for f in code-review agent-status git-status plan-mermaid costs-tab context-management mobile-server-mode orchestrate-agents; do
# Check all 7 generated files are present
for f in code-review agent-status git-status plan-mermaid costs-tab context-management mobile-server-mode; do
bun -e "const s = require('sharp'); const m = await s('docs/img/${f}.webp').metadata(); console.log('${f}:', m.width + 'x' + m.height)"
done

Expand Down Expand Up @@ -209,6 +208,6 @@ The retry logic handles most cases. If persistent:

### Why there is no ProductHero screenshot story

Intentional — README now uses `mux-demo.gif` as the hero media. The README
screenshot pipeline covers only the 9 `docs/img/*.webp` assets that remain in
Intentional. README now uses `mux-demo.gif` as the hero media. The README
screenshot pipeline covers only the 7 generated WebP assets that remain in
README, starting with `code-review.webp`.
8 changes: 2 additions & 6 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,14 +74,10 @@ macOS and Linux.
</td>
</tr>
<tr>
<td align="center" width="50%">
<img src="./docs/img/context-management.webp" alt="Screenshot of context management dialog" width="100%" /><br>
<td align="center" colspan="2">
<img src="./docs/img/context-management.webp" alt="Screenshot of context management dialog" width="50%" /><br>
<sub>Context management dialog keeps compaction controls in one place</sub>
</td>
<td align="center" width="50%">
<img src="./docs/img/orchestrate-agents.webp" alt="Screenshot of orchestrate agents" width="100%" /><br>
<sub>Orchestrate parallel agent tasks with plan mode</sub>
</td>
</tr>
<tr>
<td align="center" colspan="2">
Expand Down
Loading