用途：在正式编写图表代码前，先产出可讨论的布局草图，让用户确认空间关系与数据形状，避免 Fletcher、CeTZ、TikZ 等代码反复编译修改。适用于 4 个以上节点、区域或复杂箭头走线的图，以及数据形状重要的 CeTZ 图表；2-3 个节点的简单图可跳过。
两种模式：交互模式（节点图默认）生成可拖拽 HTML，支持拖动节点与区域、拖动边标签、双击改名、增删元素、缩放区域，导出 Fletcher 网格坐标或原始像素，并可复制布局 JSON；matplotlib 模式用于带坐标轴、数据序列或时间轴的图表，输出 /tmp/visual-mockup.png（150 DPI）后打开查看。
用法：交互模式先写 layout.json，再运行 uv run python3 ${SKILL_DIR}/scripts/interactive_mockup.py /tmp/layout.json --open；用户拖好后选 Fletcher 导出并粘贴 JSON，坐标可直接用于 node((x, y), ...)。matplotlib 模式用 matplotlib/seaborn 画数据序列、阴影区域与标注，保存命令为 plt.savefig('/tmp/visual-mockup.png', dpi=150, bbox_inches='tight')，确认后再翻译为 CeTZ。
限制：草图是丢弃式草稿，约 2 分钟即可，不应精修或加入真实数据与公式；它不是渲染验证循环，不替代真实图表代码，也不用于独立数据可视化或像素级输出。资料未提供收费、平台与价格信息。