浏览器客户表聚合
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f1b049da/scjx20268129。
技能介绍
解决什么问题
在客户管理看板这类前端场景里,数据通常是接口返回的一坨行对象数组:[{ name: '客户A', industry: '金融', stage: '意向', amount: 12000 }]。后端未必愿意(或来得及)按阶段、按行业帮你透视,前端又不想为此起一整套表格组件或新增接口。这个技能只做一件事:在浏览器里把行数组直接变成「按阶段汇总的数量与金额」。
典型触发场景:
- 看板需要按销售阶段汇总客户数量 / 金额
- 先按行业本地筛选客户,再对结果做聚合
- 纯前端 Demo、无后端,只想透视几百行的小表
核心能力与工作方式
链路灵感来自 Arquero,实现要点以 小四原创 注释标出:
- 输入是普通行对象数组,无需特殊格式
- 用
aq.from把行数组转成 Arquero 表 - 用
filter做条件筛选,如只留industry === '金融' - 用
groupby按维度分组,计算count/sum等聚合值 - 用
objects()把结果转回普通对象数组,便于 Vue 直接渲染
Agent 侧的关键步骤:
- 确认项目已依赖
arquero - 看板 / 统计卡组件调用聚合函数,如
aggregateByStage - 自测:3 行两阶段数据应得到两组 count;空表不应崩溃
适用边界与注意点
- 不是数仓:建议只用在千行以内的小表,大数据走后端聚合
- 不是表格组件替代品:不含 Tabulator / Excel 级功能,也不内置图表引擎
- 不覆盖 SQL 方言全集:只保留 filter / groupby 这类常用操作
- 别把百万行数据塞进浏览器里的 Arquero,那超出了它的设计边界
它适合「Demo 里没后端、只想快速看一眼汇总」的轻量场景,而不是生产环境的全量数据统计。
使用场景
- 客户看板需要按销售阶段汇总客户数量和金额,后端接口来不及改
- 本地有一份客户行数组,要先按行业筛选再对结果做金额聚合
- 纯前端 Demo 没有后端,需要把小表按阶段透视成统计卡数据
- 需要验证空表或少量行数据在 Arquero 分组聚合下是否稳定
适合人员
- 负责客户看板但暂时拿不到后端透视接口的前端工程师
- 需要在 Demo 里快速验证筛选和分组聚合效果的全栈开发者
- 拿到行数组数据、想本地先按行业汇总再汇报的运营同学
- 维护技术博客示例、需要一套不依赖后端的小表聚合流程的作者