mcpField
X
xiaohongshu-dashboard

xiaohongshu-dashboard

github.com/belljia95数据与数据库565 次安装37 周前更新
代码仓库

关于 xiaohongshu-dashboard

xiaohongshu-dashboard 可将小红书创作者中心的 Excel 导出数据转为暗色分析仪表板。它处理表格并生成包含图表和内容分析的响应式单文件 HTML 报告。

主要功能

  1. 01处理创作者中心 Excel 导出数据
  2. 02生成 KPI 卡片与趋势图
  3. 03排名笔记并分析标题关键词
  4. 04按月份筛选指标
  5. 05生成响应式单文件 HTML

适用场景

  1. 01按月查看创作者账号表现
  2. 02对比粉丝增长与曝光量
  3. 03查找表现突出的笔记和标题关键词

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/belljia95/xiaohongshu-dashboard-skill --skill xiaohongshu-dashboard

安装后在 Claude Code 中输入/xiaohongshu-dashboard确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

README.md
assets/
template.html
scripts/
process_excel.py

详细介绍

小红书数据看板技能

根据小红书创作者中心导出的 Excel 文件,生成科技极简风格的深色模式分析数据看板。

输出

一个 index.html 文件,包含:

  • 5 张 KPI 指标卡片(曝光量、CTR、互动量、实用率、涨粉数)
  • 北极星趋势图(随时间变化的曝光量与粉丝数)
  • 粉丝增长趋势(累计值 + 每日柱状图)
  • 粉丝转化效率 Top 10(每千次曝光带来的粉丝数)
  • 笔记排名列表,带有标签页(按曝光量/互动量/粉丝数排序)
  • 标题关键词分析(高互动 + 高转化关键词)
  • 日期范围筛选器(月份选择器)
  • 完全响应式(桌面端/iPad/iPhone)

技术栈:原生 HTML/CSS/JS + Chart.js CDN。无需构建工具。

工作流

第 1 步:收集 Excel 文件

请用户提供从小红书创作者中心导出的数据 Excel 文件(.xlsx)。

Excel 通常包含以下列:

  • 标题/内容标题
  • 发布日期
  • 内容类型(图文/视频)
  • 曝光量/浏览量/CTR
  • 点赞数/评论数/收藏数/分享数
  • 涨粉数
  • 平均观看时长
第 2 步:处理数据

运行 scripts/process_excel.py 读取 Excel,并输出 JSON 数据块。

python scripts/process_excel.py <path-to-excel-file>

该脚本会处理:

  • 灵活匹配列名(不同版本的小红书导出文件使用的列名可能不同)
  • 日期解析和月份提取
  • CTR 标准化(百分比或小数)
  • 中文标题关键词 n-gram 分析
  • 将 JSON 输出到 stdout

如果未安装 pandas/openpyxl,请先安装:

pip install pandas openpyxl
第 3 步:生成数据看板
  1. 读取 assets/template.html
  2. 将占位符 __RAW_DATA_PLACEHOLDER__ 替换为第 2 步输出的 JSON
  3. 将结果写入用户指定的输出目录,并命名为 index.html
第 4 步:打开预览

在用户的默认浏览器中打开生成的 index.html,以便立即预览。

设计规格

  • 主题:科技极简风格深色模式(灵感来自 Linear/Vercel/Raycast)
  • 背景:zinc-950 (#09090b),带有细微网格图案
  • 卡片:玻璃拟态效果,使用 backdrop-filter 模糊
  • 强调色:主要指标使用霓虹红 (#FF4D6D),增长指标使用霓虹绿 (#10B981)
  • 字体:来自 Google Fonts CDN 的 Inter(无衬线)+ JetBrains Mono(等宽)
  • 图表:Chart.js 渐变填充、自定义工具提示、等宽字体坐标轴标签

自定义

如果用户想要自定义数据看板:

  • 颜色:修改 :root 中的 CSS 变量
  • 指标:在 metrics-grid 部分添加/移除指标卡片
  • 图表:修改 <script> 部分中的 Chart.js 配置

评论

支持 Markdown