← 返回
未分类

Content Card

将内容铸成 PNG 视觉卡片。三种模具:-l 长图阅读卡(默认)、-i 信息图、-m 多卡。 输入文本/URL/文件,输出高品质 PNG。 Use when: (1) 用户说"做成卡片"/"做成图"/"铸"/"cast", (2) 用户说"知识卡片"/"信息图"/"infograph", (3) 需要将文章/笔记...
将内容铸成PNG视觉卡片,提供三种模板:-l 长图阅读卡(默认),-i 信息图,-m 多卡片。接受文本、URL或文件输入,输出高品质PNG。适用场景:①用户说“做成卡片”“做成图”“铸”“cast”;②用户说“知识卡片”“信息图”“infograph”;③需要将文章或笔记等转换为卡片时。
lovensky1992-wk lovensky1992-wk 来源
未分类 clawhub v1.0.1 1 版本 100000 Key: 无需
★ 0
Stars
📥 370
下载
💾 1
安装
1
版本
#latest

概述

content-card: 铸

将内容铸成可见的形态。内容进去,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% 区域不放置关键文字或数据。

获取内容

  • URL → web_fetch 获取
  • 粘贴文本 → 直接使用
  • 文件路径 → read 获取

执行流程

Step 1: 加载用户偏好

检查 EXTEND.md 配置文件(优先级:项目级 > 用户级):

优先级路径
--------------
1.content-card/EXTEND.md(当前工作目录)
2~/.config/content-card/EXTEND.md
  • 找到:读取并解析,后续步骤中使用配置值作为默认值
  • 未找到:静默跳过,使用 SKILL.md 默认值

配置 schema 见 references/config/preferences-schema.md

Step 2: 理解内容

读取输入内容,提取:

  • 核心主题/标题
  • 关键信息点(数据、结论、对比、流程)
  • 内容气质:思辨/哲学、技术/工程、文学/叙事、科学/研究、商业/产品

Step 3: 关键词快捷匹配

用户输入中如果包含以下关键词,直接跳过气质推断和布局推荐,使用预设组合:

用户关键词布局风格默认比例说明
--------------------------------------
高密度信息大图 / high-densitydense-modulescorporate-cleanportrait信息密度优先
对比图 / vs / 对比binary-comparisonminimal-monolandscape左右分屏对比
时间线 / timeline / 历程linear-progressionmorandi-warmportrait线性时间推进
流程图 / 步骤 / tutoriallinear-progressioncorporate-cleanportrait步骤指引
数据看板 / dashboard / KPIdashboardtech-darklandscape指标展示
知识卡片 / 总结卡bento-gridmorandi-warmportrait多主题总览
对比矩阵 / 功能对比comparison-matrixminimal-monolandscape多因素对比表
思维导图 / mindmaphub-spokepaper-craftlandscape中心发散
漏斗 / funnel / 转化funnelcorporate-cleanportrait转化漏斗
冰山 / iceberg / 深层icebergmorandi-warmportrait表层vs深层

匹配规则:

  • 匹配到关键词后自动应用预设,跳到 Step 3(生成 HTML)
  • 用户仍可通过 --layout / --style 覆盖预设
  • 多个关键词同时命中时,取第一个匹配

Step 4: 结构化内容(信息图专用)

-i 模式在理解内容后,增加一步结构化转换:

  1. 提取标题和核心主张
  2. 将内容拆解为独立模块(每个模块 = 一个布局区块)
  3. 为每个模块标注:关键概念、核心数据、视觉元素建议
  4. 数据保真:源数据原样保留,不概括不改写。统计数字、引用、专有名词必须逐字保留
  5. 凭据剥离:如果源内容包含 API Key、Token、密码等敏感信息,必须在此步骤剥离

输出到 temp/content-card/structured-content.md 文件。好处:

  • 换风格/布局时直接复用,不用重新分析
  • 用户可在此文件上手动修改后重新生成
  • 保留分析过程的可追溯性

如果 temp/content-card/structured-content.md 已存在且内容未变,跳过分析直接复用。

⚠️ 检查点(Step 2-4 完成后)

内容理解 + 结构化完成后,如果用户未指定风格/配色,简要告知选择的方案再继续:

"内容偏 [气质],准备用 [风格] + [配色] 做长图,可以吗?"

用户确认或无异议后继续。简单/重复任务可跳过。

Step 5: 感知内容气质,选择配色

> 气质决定配色方向,风格决定视觉系统。 气质在这一步确定,风格在 Step 2.5 确定。

气质底色方向强调色方向
--------------------------
思辨/哲学暖灰、米白深红、琥珀
技术/工程冷灰、深蓝灰青色、蓝绿
文学/叙事暖白、奶油赭石、深橄榄
科学/研究纯白、浅灰深蓝、靛蓝
商业/产品浅灰、暖白深橙、深青

Step 6: 选择视觉风格

如果用户指定了 --style,使用指定风格。否则根据气质自动推荐:

气质默认 Style备选
-----------------------
思辨/哲学minimal-monomorandi-warm
技术/工程tech-darkminimal-mono
文学/叙事morandi-warmpaper-craft
科学/研究minimal-monocorporate-clean
商业/产品corporate-cleanminimal-mono

风格定义文件在 references/styles/