
免费
最佳匹配
产品卡片洗牌,按给定数值打分,其中一张升起成为最佳匹配。
安装
把“最佳匹配”技能安装到 ~/.claude/skills/mb-best-match。 下载下面每个文件,保存到这个文件夹: https://skilllift.pages.dev/packs/mb-best-match/SKILL.zh.md → SKILL.md https://skilllift.pages.dev/packs/mb-best-match/references/style.md → references/style.md https://skilllift.pages.dev/packs/mb-best-match/assets/engine.html → assets/engine.html https://skilllift.pages.dev/packs/mb-best-match/assets/engine.js → assets/engine.js https://skilllift.pages.dev/packs/mb-best-match/assets/fx-best-match.js → assets/fx-best-match.js https://skilllift.pages.dev/packs/mb-best-match/assets/catalogue.json → assets/catalogue.json https://skilllift.pages.dev/packs/mb-best-match/assets/library.json → assets/library.json https://skilllift.pages.dev/packs/mb-best-match/assets/library.zh.json → assets/library.zh.json https://skilllift.pages.dev/packs/mb-best-match/scripts/render.mjs → scripts/render.mjs https://skilllift.pages.dev/packs/mb-best-match/scripts/check.mjs → scripts/check.mjs https://skilllift.pages.dev/packs/mb-best-match/scripts/sheet.mjs → scripts/sheet.mjs https://skilllift.pages.dev/packs/mb-best-match/scripts/shared.mjs → scripts/shared.mjs 然后读一遍 SKILL.md,告诉我它是做什么的,并提醒我开一个新会话。
解压到 ~/.claude/skills
同一个技能,不同的需求
左边是预览。右边由另一个 Agent 按不同需求制作,它只有安装好的技能,没看过预览。
这是按虚构需求做的一次测试。系统字体不同时,字形可能略有差异。
产品卡片洗牌,按给定数值以真实比例打分,最高的一张升起成为最佳匹配。适合有真实分数时比较几个选项。渲染成一个 1920x1080、30 fps、H.264 的 MP4,剪纸定格风格,支持中文和英文,四套配色,不生成实拍、配音或音乐。需要这类标题、图表、展示或片尾,或点名要这个技能时使用。
交付前必须通过
- 对文件夹运行
check.mjs退出码为 0,引用它的最后一行。 - 看过最终 MP4 多个时间点的真实画面。
- 屏幕上每个数字都在用户原文里,推断内容已列出。
- 一个版本一种语言。
- 虚构内容已通过
label标明。 - 没有生成实拍、配音或音乐。
阅读完整 SKILL.md
---
name: mb-best-match
description: 产品卡片洗牌,按给定数值以真实比例打分,最高的一张升起成为最佳匹配。适合有真实分数时比较几个选项。渲染成一个 1920x1080、30 fps、H.264 的 MP4,剪纸定格风格,支持中文和英文,四套配色,不生成实拍、配音或音乐。需要这类标题、图表、展示或片尾,或点名要这个技能时使用。
version: 1.0.0
---
# 最佳匹配
产品卡片洗牌,按给定数值以真实比例打分,最高的一张升起成为最佳匹配。适合有真实分数时比较几个选项。
所有文字和数值都在一个 JSON 文件里,改完一条命令重新渲染。样式写死在 `assets/`,你负责填内容,不要改样式。精确的颜色和时序见 `references/style.md`。
## 先问清楚
简报里没有的,一次问完:
1. 2 到 5 项,每项有名称和给定分数。图片和标签可选。
2. 用户自己的文字或事实,原样放进 `"source"`。
3. 语言:`zh` 或 `en`。一个版本一种语言,两种都要就做两个 JSON。
4. 配色:`vermilion`、`cobalt`、`pine`、`apricot`。没人指定就用 vermilion。
**没人回答时:** 继续做,把假设列在回复最前面。
## 步骤
1. 新建文件夹写 `clip/beats.json`。`assets/library.zh.json` 和 `assets/library.json` 是填好的合法示例,抄结构,不要抄虚构文字。
2. 校验:`node <skill>/scripts/check.mjs clip/beats.json`,报什么改什么。
3. 渲染前先看:`node <skill>/scripts/sheet.mjs clip/beats.json clip/sheet.png --at 0.99`,打开图片;也试试 `--at 0.5`。
4. 渲染:`node <skill>/scripts/render.mjs clip/beats.json --out clip --flat`。
5. 检查观众实际看到的:`node <skill>/scripts/check.mjs clip`。改 JSON,重新渲染,再查,直到通过。
6. 从 MP4 抽几个时间点的真实画面看:`nice -n 10 ffmpeg -threads 2 -ss 2 -i clip/clip.mp4 -frames:v 1 f.png`。好不好看,检查脚本判断不了,只能你看。
`--at` 是要显示的时间点,用 0 到 1 的比例;一两个片段的拼图会画得足够大,方便判断。
选项:`--only clip --frame 120` 只重渲一帧,存到 `clip/frames/clip-120.png`。`--stills 0.3,0.6,1` 把静帧存到 `clip/frames/`。`--scale 0.5` 出草稿,存到 `clip/draft/clip.mp4`(用了 `--flat` 也一样),检查脚本不接受草稿。渲染很吃资源:先出小尺寸,不要同时跑两个渲染,也不要用按进程名批量结束进程的命令。
`check.mjs` 可以在技能安装的位置独立运行,参数可以是 JSON、文件夹(JSON 在别处时加 `--beats path/to/beats.json`)或任意 MP4。改过名的 MP4 要跑全部检查,请加 `--beats`。`check.mjs --test` 是短自检。它能查出:分数条比例错误、原文没有的数字、并列最高分、溢出、静止片段、尺寸或编码错误、占位文字。
## beats.json
```json
{
"lang": "zh",
"palette": "vermilion",
"label": "虚构示例",
"source": "虚构示例。周一售出:清晨面包 120,黑麦面包 96,周日小圆包 140。",
"beats": [
{
"id": "clip",
"job": "compare",
"effect": "best-match",
"seconds": 8,
"slots": {
"title": "哪款卖得好,虚构面包店",
"items": [
{
"name": "清晨面包",
"score": 120
},
{
"name": "黑麦面包",
"score": 96
},
{
"name": "周日小圆包",
"score": 140
}
],
"scoreLabel": "周一售出",
"matchLabel": "最佳匹配"
}
}
]
}
```
| 字段 | 含义 | 上限 | 简报单薄时 |
|---|---|---|---|
| `lang` | 屏幕上所有文字的语言 | `zh` 或 `en` | 跟原文语言一致 |
| `palette` | 唯一的配色设置 | 四选一 | vermilion |
| `label` | 片段上的小标签 | 30 字以内,可选 | 示例内容填“虚构示例”;真实项目省略 |
| `source` | 用户原文,不做改动。屏幕上每个数字都必须能在这里找到 | 必填 | 给什么贴什么 |
| `keepLatin` | 中文版里允许保留拉丁字母的真实名称 | 列表,可选 | 省略 |
| `beats[].id` | 片段文件名 | 字母、数字、连字符 | clip |
| `beats[].job` | 照示例保留 | `compare` | `compare` |
| `beats[].effect` | 照示例保留 | `best-match` | `best-match` |
| `beats[].seconds` | 片段时长 | 5 到 9 | 8 |
## slots 里的每个字段
上限是中文字数。
| 字段 | 含义 | 上限(中文字数) | 简报单薄时 |
|---|---|---|---|
| `title` | 效果上方的标题,用脚本原话说明观众该得出什么。 | 22, 可选 | 省略。脚本没说的结论不要写。 |
| `items.name` | 一张产品卡片的名称。 | 8, 必填 | 用简报里的名字。 |
| `items.score` | 给定的分数。最高的升起,必须有唯一的最高分。 | 数字, 必填 | 不许估算。没有分数就不要用这个效果。 |
| `items` | 列表(2 到 5 项) | | |
| `prefix` | 数字前的符号,如 ¥。 | 2, 可选 | 简报写明单位才填,否则省略。 |
| `suffix` | 数字后的单位,如 % 或 页。 | 4, 可选 | 简报写明单位才填,否则省略。 |
| `scoreLabel` | 分数衡量的是什么,显示在卡片下方。 | 10, 可选 | 用简报原话,否则省略。 |
| `matchLabel` | 最高分上方的标签,比如“最佳匹配”。 | 8, 可选 | 省略:升起本身就说明了。不写空话。 |
| `pictures` | {"src":"file.png"} 的列表,PNG 或 JPG,路径相对 JSON。数量不够时会循环使用。 | 最多 5 张, 可选 | 省略:会用代码绘制、与配色一致的抽象图。用户有真实图片就用真实图片。 |
## 规则
**分数只能来自简报。** 所有分数条共用一个从零开始的刻度,不会过冲,也没有滚动数字。必须有唯一的最高分,否则检查失败。**scoreLabel:** 简报说明了分数衡量什么就写,否则省略。**matchLabel:** 省略就不显示标签。**最长的分数条代表最高分,不代表 100。** **图片:** 每张卡片一张,按顺序;图片窗约 4:3,围绕中心裁切,或在图片上写 `"focus"`。没有图片时是纯文字卡片。
**不编造数字。** 每个数字都必须在 `source` 里,否则检查脚本判失败。**简报单薄时:** 用用户自己的话转述事实,绝不编造客户、数字、引语或资历,把推断的内容列在回复的“推断内容”下面。**没人能回答时:** 继续做并列出假设。**拼接片段:** 所有片段用同一配色,否则每次切换都会变色。**要其他时长:** 在范围内改 `seconds`。**没有真实链接:** 不要显示地址。**换行:** 词语会保持完整;断行别扭时,在文字里加 `\n`。
## 交付物
`clip/beats.json`(唯一需要改的文件)和 `clip/clip.mp4`:1920x1080、30 fps、H.264、yuv420p、无声。附说明:假设、推断内容、重新渲染的命令。
## 渲染时间
在 16 GB Mac 上实测,同时有其他任务,低优先级全尺寸:这个 8 秒片段用默认素材时 6 秒。
## 交付前检查
- [ ] 对文件夹运行 `check.mjs` 退出码为 0,引用它的最后一行。
- [ ] 看过最终 MP4 多个时间点的真实画面。
- [ ] 屏幕上每个数字都在用户原文里,推断内容已列出。
- [ ] 一个版本一种语言。
- [ ] 虚构内容已通过 `label` 标明。
- [ ] 没有生成实拍、配音或音乐。
## 什么时候不要用
没有真实分数:编造就是虚假声明。它也不生成实拍、配音或音乐,不能严格匹配品牌色:这四套配色就是设计本身。
## 环境要求
- Node 18 及以上;ffmpeg 和 ffprobe 在 PATH 或 /opt/homebrew/bin。
- 渲染需要 Playwright:`npm install playwright`,再运行 `npx playwright install chromium`。装在别处时,把 `NODE_PATH` 设为那个 `node_modules`。`check.mjs` 不依赖任何包。
- 字体都是系统字体。没有 Avenir Next Condensed 或苹方时,用 `references/style.md` 里的备选字体并重新排版,请在那台机器上跑一遍检查。



