该技能用于构建屏幕流图（Screen Flow Diagram）：一种介于抽象流程图与真实原型之间的可视化导航地图，用简化线框表示每个屏幕，用连接线上的操作标签说明用户点击/点按什么进入下一个屏幕，回答“用户看到什么、点哪里去下一屏”。
主要能力：每个屏幕流是单个 .html 文件，通过 CDN 加载 D3.js，无需构建步骤或 npm，可直接在浏览器打开或用 npx serve 提供服务。SVG 画布包含屏幕线框节点（含导航栏、内容占位、绿色/深蓝交互按钮）、连接线（深蓝带箭头）、连接端口（屏幕边缘的小圆点）、操作标签胶囊（白底、彩色描边、彩色文字和强调圆点，与屏幕内按钮的实心样式区分）以及平移和缩放交互。屏幕内容按类型渲染，如列表/信息流、详情、表单、仪表盘、空状态、设置、模态、登录。支持移动端、桌面端、平板三种屏幕尺寸。点击屏幕会打开详情侧栏，显示名称、类型、描述、UI 元素和出口。
使用方式：在 HTML 中定义 flowData 数据结构，包含标题、描述、设备类型、屏幕数组（id、name、type、description、navTitle、elements、exits），再用 D3 渲染屏幕、连接线和操作标签，并绑定平移、缩放、点击、悬停等交互。颜色、字体和间距遵循资料给出的 SDS 浅色主题规范。
限制：资料未提供具体安装命令、收费信息或价格；输出依赖 D3.js CDN 与浏览器环境。