UI Gen Record Feishu — AI skill for Claude Code

ui-gen-record-feishu

[](./LICENSE) [](https://cursor.sh) [](https://docs.claude.com/en/docs/claude-code) [](https://openai.com/codex) [](https://github.com/features/copilot) [](https://www.feishu.cn)

一个跨 AI Agent 的 Skill，用来把每次 UI 页面生成需求（Token 消耗、美元花费、修改次数、使用模型、预览链接、源码和导出 zip 附件）自动归档到**你自己的飞书多维表格**，并配套一张按月份分组的仪表盘。

适合任何使用 AI Agent（Cursor、Claude Code、Codex、VS Code Copilot、Cline、Aider 等）做 UI/前端页面生成的人，对使用量、花费、模型分布做**月度可视化统计**。

为什么要用它

AI生成的页面藏在每天的碎片对话里，没有人愿意手动记录。对于不是开发的同学来说，想找到对应需求，并及时备份很重要。同时，希望能可视化的看到每个需求消耗了多少Token，花了多少钱，这个需求使用的什么模型、预览地址是什么等，这个技能帮你：

• 对话结束时说一句“整理到表格中”或“归档这个需求”，首次会自动创建多维表格，自动整理需求到表格中
• 表格按月份排列，实时显示对应需求“使用的】的模型/Token消耗/美元总消耗/预览链接”等
• 导出 zip 、Html等文件作为附件源码一起归档
• 所有数据都在你自己的飞书账号下，也可在 AI Agent 里填写其他人的表格链接，后续无需强调表格链接，会默认归档到上一次提供的表格链接里

演示

安装

依赖

• `lark-cli`（或你公司内部对应的飞书 CLI），已完成 lark-cli auth login
• jq、bash、curl、python3（macOS / Linux 默认都有）

安装到 Agent

git clone https://github.com/sunxiaowei12333-netizen/ui-gen-record.git
cd ui-gen-record
bash scripts/install.sh

`install.sh` 会自动检测：

• ~/.cursor/skills/ → 建软链 ui-gen-record
• ~/.claude/skills/ → 建软链 ui-gen-record

对于没有原生 Skill 机制的 Agent（Codex / VS Code Copilot / Cline / Aider 等），在项目根目录 `AGENTS.md` 里加一行 `@include <本仓库绝对路径>/AGENTS.md` 即可。

初始化：新建一张表 或 绑定到已有表

方式 A：新建（首次使用推