用途：当对话中出现含 3 张及以上表的数据库结构时使用，例如“给我们的 schema/数据模型画个图”“展示表 X 和表 Y 的关系”“为某功能/服务记录 schema”“规划从当前 schema 到目标 schema 的迁移”“解释某个查询如何触及 schema”。
主要能力：把表渲染为卡片/方框并列出列，外键以带基数标记（1、* 等）的连线绘制，支持点击表格展开或聚焦；包含解释 PK、FK、索引、可空等符号的图例。提供多种模式：完整 schema 概览、3–8 张表的子模式深挖、迁移前后对比（新增绿、删除红、改动琥珀色，复杂迁移可有“显示中间状态”开关）、查询路径讲解（高亮涉及的表、join 与索引）、数据血缘视图。布局可用星型、按生命周期从左到右的流水型、按抽象层次从上到下的分层型。表超过约 10 张时可加入点击高亮关系并淡出其余、悬停外键列、按名称搜索、“仅显示与 X 相关的表”等交互。
使用方式：先调用 html-skills:html-skills-listen（幂等）；若返回 URL，则将其含 ?t= 查询串原样注入为 window.CLAUDE_SUBMIT_URL；若为 web/sandbox 模式则省略该行，submitToClaude 回退到剪贴板模式。产物须写入真实 .html 文件（命名如 <topic>-<kind>.html），自包含内联 CSS/JS，无构建步骤，不依赖 npm 或 CDN（Google Fonts 经 link 可以，但需声明回退字体栈）。文档壳完整（doctype、html lang、meta charset、viewport、title），约 700px 以下折叠为单列，图用内联 SVG 而非截图，构建 DOM 用 textContent 与 createElement，主题令牌放 :root，兼顾打印可读与 WCAG AA 无障碍，需复看的产物页脚显示最后更新时间戳，复制按钮通过共享的 submit-handler.js 的 copyToClipboard 实现。
限制：资料未提供价格、平台与性能指标；本地 HTML 文件是默认产物，仅在 Artifact 工具存在时添加发布按钮，且不得以发布代替写文件；不得发布含掩码密钥或私有数据的产物。资料未给出具体的图大小上限或浏览器兼容范围。