Run, launch, screenshot, or drive the Bloom desktop app (Bloom.exe with embedded WebView2). Use when you need to start Bloom from this worktree, attach to a running Bloom, switch workspace tabs, take a screenshot, inspect DOM/console/network over CDP, or stop a Bloom instance.
Use when an agent needs to determine if Bloom is already running, detect whether the running Bloom came from a different worktree, kill Bloom or dotnet-watch parents, start Bloom from the current worktree, attach to the embedded WebView2 over CDP, inspect DOM/console/network, use dev-browser to inspect or run e2e…
Use when working on Bloom enterprise/subscription branding packs under src/content/branding (e.g. MXB-Book-Scripture, MXB-Book-Literacy, Default) — changing the back-cover "Made with Bloom" / QR badge, title/cover/credits branding logos, the xmatter pack a branding selects, copyright/license presets, or branding CSS.…
Use this skill when the user reports a regression involving Canvas Tool interactions (especially drag/drop from the toolbox onto the page) and asks you to reproduce and verify fixes using a browser.
Use when adding or tuning page sizes/layouts for a Bloom enterprise/subscription branding pack (e.g. MXB-Book-Literacy, MXB-Book-Scripture, MXB-Book-Literacy-Prepub) so the dense front/back matter looks polished at every size — and when producing a real-Bloom screenshot PDF that proves it. Covers unlocking page sizes…
Render a Bloom book's pages across a matrix of branding × page × layout × xmatter by driving the running Bloom, screenshot each page into a folder, and explore the results in a filterable viewer (or bake a self-contained HTML report to share).
Use when adding or tuning page sizes/layouts for a Bloom enterprise/subscription branding pack (e.g. MXB-Book-Literacy, MXB-Book-Scripture, MXB-Book-Literacy-Prepub) so the dense front/back matter looks polished at every size — and when producing a real-Bloom screenshot PDF that proves it. Covers unlocking page sizes…
Audit and fix WCAG color contrast in Bloom game themes. Generates a scrollable HTML preview showing every element of every theme in its real colors with low-contrast pairs flagged, then drives an AI-curated, human-approved fix loop. Use when adding or editing a game theme in gamesThemes.less, when a game element…
Process an incoming grid or batch of icon images into usable Reading App Builder icons. Use when RAB icon assets arrive as a grid, sprite sheet, nested folders, or padded PNGs that need splitting, cropping, repadding, flattening, compatibility updates, and sample-first validation.
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
Instructions for BloomBooks/BloomDesktop, covering architecture, code style, testing, the opt-in reading app builder real-build test and building / testing c# while a bloom is running.