layout-inspector
Layout Inspector
Debug GPUI layout issues by combining visual probes, computed layout dumps, and automated invariant checks. Use this when elements disappear, get clipped, or have wrong sizes.
Quick Diagnosis Flow
When an element is missing or not rendering:
- Add a debug probe — bright-colored div to test if the container is working
- Build and capture — screenshot to check if probe is visible
- Read the screenshot — visually confirm what rendered
- Interpret results — probe visible = container works, element is the problem; probe invisible = container/parent is broken
Debug Probe Pattern
Add a brightly colored div near the suspected problem area:
// Add AFTER the suspected missing element
More from johnlindquist/script-kit-next
dev-loop
Run ./dev.sh in background, monitor logs, iterate on code changes until the expected behavior is observed. Use when making changes that need runtime verification — UI behavior, protocol handling, camera capture, keyboard events. Spawns cargo-watch, tails logs, checks for expected output.
1visual-test
Visual iteration workflow for Script Kit GPUI. Use when making UI changes that need visual verification — focus indicators, colors, layout, shadows, spacing. Covers the named-pipe test pattern, captureWindow screenshots, and the build-capture-verify loop.
1gpui-patterns
GPUI framework patterns for Script Kit. Use when writing UI code, handling keyboard events, managing state, or working with layouts. Covers layout chains, lists, themes, events, focus, and window management.
1testing-skill
A brief description of what this skill does
1script-kit-hive
Hive/beads task management for Script Kit agents. Use when working with the issue tracking system, managing beads, or coordinating agent work. Covers issue lifecycle, progress reporting, and file reservations.
1script-kit-scripting
Script metadata and scriptlet bundle patterns for Script Kit. Use when writing scripts, test files, or scriptlet bundles. Covers global metadata, legacy comment-based metadata, and YAML frontmatter for bundles.
1