What problem does it solve? Manually checking whether generated Stream Deck icons render correctly, stay aligned, and follow the project's palette and state conventions is slow and error-prone. This Skill runs a repeatable QA workflow that builds the assets, launches the 5 x 3 deck preview, and inspects it in a real browser at desktop and narrow viewports. ## Core Features & Use Cases - Build and asset validation: Runs pnpm build and pnpm check to confirm generated SVG and PNG icons are fresh and structurally valid before visual review. - Browser-based visual inspection: Uses the repo-local agent-browser CLI to screenshot the preview, verify all 15 keys render, check image loading, console errors, and accessibility attributes. - Icon convention checks: Reviews paired states (muted/unmuted), palette rules (white active, gray inactive, red slash, lime live), optical alignment, and responsive layout against config/icons.json. - Use Case: After adding a new muted icon or changing config/icons.json, ask the agent to QA the deck and receive a PASS/FAIL report with screenshots, severity-ranked issues, and reproduction commands. ## Quick Start Ask the agent to run the icons-qa workflow to build the icons and visually inspect the Stream Deck preview in the browser.
