visual-preview
Browser visual preview - during requirement design or brainstorming, show mockups, wireframes, layout comparisons and architecture diagrams in a local browser page and collect click-through choices. Use when a question is genuinely visual (clearer to see than to say); text-only requirement, tradeoff or concept questions stay in the terminal. / 浏览器可视化预览——在需求设计/头脑风暴过程中,用本地浏览器页面向用户展示 mockup、线框图、布局对比、架构图并收集点击选择。当一个问题"用看的比用说的更清楚"时使用(真实的布局/视觉/图示对比问题,而非仅话题涉及 UI);纯文字的需求、取舍、概念选择问题不适用,应留在终端提问。
Pinned to revision 095eb40b94ac, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/visual-preview/SKILL.md
- skills/visual-preview/agents/openai.yaml
- skills/visual-preview/evals/evals.json
- skills/visual-preview/references/preview-guide.md
- skills/visual-preview/scripts/frame-template.html
- skills/visual-preview/scripts/helper.js
- skills/visual-preview/scripts/server.cjs
- skills/visual-preview/scripts/start-server.sh
- skills/visual-preview/scripts/stop-server.sh
- skills/visual-preview/scripts/vendor/mermaid.min.js
- skills/visual-preview/scripts/vendor/mermaid.version.json
Every link opens the file at its source, pinned to the revision this page describes.