visual-companion
WellForge Visual Companion — a browser tool the designer uses during $wf-design to show mockups, wireframes, diagrams and side-by-side layouts instead of describing them, capturing the user's clicks. Use ONLY when the designer was invoked interactively with the companion enabled (the --visual flag on $wf-design); NEVER in a headless or orchestrated run and NEVER in the spike tier. Covers the just-in-time offer, the per-question show-vs-tell test, theme selection from the project's real component library, the write-screen/read-events loop, .forge/design/ persistence, and the CSS classes the frame provides. design.md is still the deliverable — the browser only resolves visual questions faster.
Pinned to revision 8d5a09502718, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/visual-companion/SKILL.md
- skills/visual-companion/scripts/THIRD_PARTY_LICENSE
- skills/visual-companion/scripts/frame-template.html
- skills/visual-companion/scripts/helper.js
- skills/visual-companion/scripts/server.cjs
- skills/visual-companion/scripts/start-server.sh
- skills/visual-companion/scripts/stop-server.sh
- skills/visual-companion/scripts/themes/mantine.css
- skills/visual-companion/scripts/themes/mui.css
- skills/visual-companion/scripts/themes/shadcn.css
- skills/visual-companion/scripts/themes/wireframe.css
Every link opens the file at its source, pinned to the revision this page describes.