Render, inspect, and share real interface variants before making or approving visual design changes. Use automatically when appearance is part of correctness: UI/UX work, buttons, colors, typography, spacing, layout, hierarchy, glass/material effects, hover/pressed/disabled states, responsive behavior, SwiftUI, AppKit, iOS, web interfaces, screenshot comparisons, visual regressions, or any…
Install
npx skills add hacksurvivor/scratchpad --skill visual-scratchpadnpx skills add hacksurvivor/scratchpad --skill visual-scratchpad -a claude-code -gnpx skills add hacksurvivor/scratchpad --skill visual-scratchpad -a codex -ggemini skills install https://github.com/hacksurvivor/scratchpad.git --path skills/visual-scratchpadgh skill install hacksurvivor/scratchpad visual-scratchpadgit clone --depth 1 https://github.com/hacksurvivor/scratchpad /tmp/hacksurvivor__scratchpad
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/hacksurvivor__scratchpad/skills/visual-scratchpad ~/.claude/skills/visual-scratchpad # Claude Code
cp -R /tmp/hacksurvivor__scratchpad/skills/visual-scratchpad ~/.agents/skills/visual-scratchpad # Codex, Cursor, Gemini CLI, Copilot, OpenCode