将内容铸成可见的形态。内容进去,PNG 出来。模具决定形状。
| 参数 | 模具 | 尺寸 | 说明 |
|---|---|---|---|
| ------ | ------ | ------ | ------ |
-l(默认) | 长图 | 1080 x auto | 单张阅读卡,内容自动撑高 |
-i | 信息图 | 1080 x auto | 数据/结构驱动的自适应视觉布局 |
-m | 多卡 | 1080 x 1440 | 自动切分为多张卡片(小红书/朋友圈适用) |
--style | 风格 | — | minimal-mono / morandi-warm / tech-dark / paper-craft / corporate-clean,默认:根据气质自动选 |
-m 模式必读)小红书移动端 UI 会遮挡图片以下区域,关键信息必须避开:
┌─────────────────────────────┐
│ [❤️ 📌 💬] │ ← 右上角 15%:点赞/收藏/评论按钮
│ │
│ ✓ 安全内容区域 │
│ │
│ [笔记标题 + 用户头像栏] │ ← 底部 10%:标题栏遮挡
│ [@水印] │ ← 右下角 10%:平台水印
└─────────────────────────────┘
在 -m 模式生成 HTML 时,确保底部 10% 区域不放置关键文字或数据。
web_fetch 获取read 获取检查 EXTEND.md 配置文件(优先级:项目级 > 用户级):
| 优先级 | 路径 |
|---|---|
| -------- | ------ |
| 1 | .content-card/EXTEND.md(当前工作目录) |
| 2 | ~/.config/content-card/EXTEND.md |
配置 schema 见 references/config/preferences-schema.md。
读取输入内容,提取:
用户输入中如果包含以下关键词,直接跳过气质推断和布局推荐,使用预设组合:
| 用户关键词 | 布局 | 风格 | 默认比例 | 说明 |
|---|---|---|---|---|
| ----------- | ------ | ------ | --------- | ------ |
| 高密度信息大图 / high-density | dense-modules | corporate-clean | portrait | 信息密度优先 |
| 对比图 / vs / 对比 | binary-comparison | minimal-mono | landscape | 左右分屏对比 |
| 时间线 / timeline / 历程 | linear-progression | morandi-warm | portrait | 线性时间推进 |
| 流程图 / 步骤 / tutorial | linear-progression | corporate-clean | portrait | 步骤指引 |
| 数据看板 / dashboard / KPI | dashboard | tech-dark | landscape | 指标展示 |
| 知识卡片 / 总结卡 | bento-grid | morandi-warm | portrait | 多主题总览 |
| 对比矩阵 / 功能对比 | comparison-matrix | minimal-mono | landscape | 多因素对比表 |
| 思维导图 / mindmap | hub-spoke | paper-craft | landscape | 中心发散 |
| 漏斗 / funnel / 转化 | funnel | corporate-clean | portrait | 转化漏斗 |
| 冰山 / iceberg / 深层 | iceberg | morandi-warm | portrait | 表层vs深层 |
匹配规则:
--layout / --style 覆盖预设-i 模式在理解内容后,增加一步结构化转换:
输出到 temp/content-card/structured-content.md 文件。好处:
如果 temp/content-card/structured-content.md 已存在且内容未变,跳过分析直接复用。
内容理解 + 结构化完成后,如果用户未指定风格/配色,简要告知选择的方案再继续:
"内容偏 [气质],准备用 [风格] + [配色] 做长图,可以吗?"
用户确认或无异议后继续。简单/重复任务可跳过。
> 气质决定配色方向,风格决定视觉系统。 气质在这一步确定,风格在 Step 2.5 确定。
| 气质 | 底色方向 | 强调色方向 |
|---|---|---|
| ------ | --------- | ----------- |
| 思辨/哲学 | 暖灰、米白 | 深红、琥珀 |
| 技术/工程 | 冷灰、深蓝灰 | 青色、蓝绿 |
| 文学/叙事 | 暖白、奶油 | 赭石、深橄榄 |
| 科学/研究 | 纯白、浅灰 | 深蓝、靛蓝 |
| 商业/产品 | 浅灰、暖白 | 深橙、深青 |
如果用户指定了 --style,使用指定风格。否则根据气质自动推荐:
| 气质 | 默认 Style | 备选 |
|---|---|---|
| ------ | ----------- | ------ |
| 思辨/哲学 | minimal-mono | morandi-warm |
| 技术/工程 | tech-dark | minimal-mono |
| 文学/叙事 | morandi-warm | paper-craft |
| 科学/研究 | minimal-mono | corporate-clean |
| 商业/产品 | corporate-clean | minimal-mono |
风格定义文件在 references/styles/