What problem does it solve? Redesigning a terminal UI by reading Go source or raw ANSI escape codes is guesswork — you cannot judge spacing, color harmony, or layout without seeing the rendered result. This Skill renders realistic TUI frames for any state (conversation, welcome, approval, busy, error) and screenshots them so design decisions are made by eyes, not assumptions. ## Core Features & Use Cases - Throwaway render harness: Builds a temporary tui/hack_visual.go that constructs realistic sessions with transcripts, tool blocks, and model state, then prints the rendered frame for any scene and terminal size. - ANSI-to-HTML screenshot pipeline: Converts SGR escape sequences (truecolor, xterm-256, bold, italic) into styled HTML and captures pixel-accurate screenshots using a cached Playwright headless Chromium. - Precise color auditing: Greps ANSI output for exact RGB triples to confirm every surface hits the intended design tokens (accent, success, card, rail colors), catching clashes invisible in plain-text views. - Use Case: While restyling the composer and transcript rails, render the conversation scene at 84x26, screenshot it, and verify the card background is exactly #242424 before committing. ## Quick Start Render the conversation scene of the Go TUI at 84 columns by 26 rows and screenshot it so I can review the new color scheme.
