用途：根据产品需求生成可直接运行的单文件HTML产品原型，适用于产品原型、UI界面原型、交互原型与演示页面。
主要能力：采用左右分栏布局，左侧占80%-85%展示产品主体界面，右侧占15%-20%展示功能说明文档，两栏间有垂直分隔线且各自独立滚动。使用SVG绘制2px平滑贝塞尔曲线连线，选取左侧2-4个重要元素指向右侧对应说明，起点连接左侧元素右侧边缘中点，终点连接右侧说明文字左侧边缘中点，并配数字编号；悬停左侧元素或右侧说明时对应连线与元素高亮加粗。响应式方面，PC端保持分栏，手机端切换为上下布局并隐藏连线，在每个元素下方显示简短说明，并提供“切换视图”按钮在“仅界面”和“界面+说明”间切换。
技术栈：纯HTML、CSS与原生JavaScript，不依赖外部框架；Tailwind CSS v3与Font Awesome通过CDN引入；样式与脚本内联，全部整合在一个HTML文件中。默认配色为主色#165DFF、浅灰#F5F7FA、深灰#333333、成功#00B42A、错误#F53F3F，用户指定色系时以用户为准；右侧说明区使用琥珀色系区分。间距以8px为基本单位。
使用方式：明确需展示的产品功能与界面元素，规划左右对应关系，生成完整HTML文件，并验证连线、交互与响应式。连线计算需在DOM渲染完成后执行，使用DOMContentLoaded与resize事件重新计算；SVG需设置pointer-events-none避免阻挡交互；移动端切换视图需平滑过渡；元素ID与数据属性命名需清晰。输出完整HTML代码，开头附简短功能与使用方法说明，并参考assets/example.html。
限制：资料未提供具体安装命令、收费方式、平台支持范围及效果保证等信息。