SuperAPI AI 工具集

html-data-explorer

前端与建站

查看项目

更新于 10-15 17:33

技能介绍

用途:针对临时性数据探索场景(粘贴的 CSV、API 返回的 JSON、生产日志),生成一个自包含的 HTML 文件,把数据直接内嵌其中,无需 Tableau 或 Jupyter,构建和分享都更快。适用于“分析这份 CSV/JSON/日志”“给我看某个图表或筛选”“做个快速仪表盘”“找出满足某条件的行”等请求。

主要能力:提供五种模式——可筛选表格(排序、搜索、多列筛选、点击展开行)、分面搜索(侧栏分面计数,分面间 AND、分面内 OR)、时间序列查看器(可刷选时间轴、聚合图表、窗口内事件明细)、A/B 测试仪表盘(变体指标、样本量、提升、置信区间)、内联图表探索器(柱/线/散点,可选 X/Y 列与分组)。图表优先手写 SVG,必要时用固定 CDN 的 Chart.js 或 D3。筛选实时生效,无 Apply 按钮,支持清除全部筛选,筛选状态存入 URL hash。导出支持复制筛选子集为 JSON/CSV、SQL WHERE 子句、自然语言摘要、图表 SVG/PNG。

使用方式:先调用 html-skills:html-skills-listen,若返回 URL 则原样注入 window.CLAUDE_SUBMIT_URL(含 ?t= 查询串);若为 web/sandbox 模式则省略该行。数据以 JS 对象/数组内嵌,不单独加载文件、不发 fetch。写入 .html 文件而非在聊天中内联渲染,需完整文档外壳、内联 CSS/JS、移动端响应式、语义化可复制 HTML、安全构建 DOM。

限制与强制要求:内嵌前必须做密钥脱敏扫描,按字段名整词与值模式(AWS 密钥、GitHub token、sk-、JWT、私钥块、Authorization/Cookie 头、URL 与连接串中的凭据等)程序化扫描每一行,命中替换为稳定占位符并报告类型与数量,不得复现原值;原样内嵌需用户明确确认。文件写出后需用 grep 模式复检。数据超过约 5MB 仍内嵌但需警告文件大小及全量数据随文件传播。禁止从独立文件加载数据、禁止内嵌凭据字段、禁止需 Apply 的筛选、禁止静默截断大数据集、禁止无轴标签或单位的图表。所有导出基于脱敏后数据。