Agent Skills
返回列表
长文转社媒图卡

长文转社媒图卡

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_fa6de3e5/article-to-social-cards。

技能介绍

要解决的问题

长文要发到小红书或抖音图文时，直接截图、复制粘贴或临时排版，通常会得到密度过高、样式不统一、或者超过 1080×1440 画布的内容。这套技能把 Markdown 文章转成一套 PNG 图卡，小红书笔记和抖音图文共用同一套尺寸，一次出图就能发两个平台。

工作方式

  1. 理解素材：读取文章，识别主题、关键观点、数据、案例和图片路径。
  2. 重写正文：不能把原文直接塞进卡片。每页内容区约 920×1296px，用 ---page--- 手动分页，单页留白超过 20% 视为失败；图片使用相对路径，后续交给 prepare.mjs 处理。
  3. 设计封面：封面至少包含权威、数字、利益三个钩子。配色固定在 #FFFFFF、#1A1A1A、#C41230、#F5F5F5、#FEF2F2 等范围内，标题公式按点击率排序，布局和字号由 cover.json 驱动。
  4. 预处理图片：prepare.mjs 将图片压缩为 WebP（quality 75，最大宽度 1600px），并转成 base64，避免 file:// 协议下路径失效。
  5. 生成 HTML：运行 run.js --no-merge，保留手动分页，避免自动合并短页导致的排版问题。
  6. 输出与发布内容：导出可下载的 PNG ZIP，同时准备点击型标题、纯文本正文、标签和 3-5 条初期评论。

适用边界与注意点

  • 小红书单篇最多 18 张图，超长内容需要拆篇或精简。
  • 表格最多 3 列，每格不超过 15 字，行数不超过 8 行，否则容易溢出或挤压。
  • 生成后必须在浏览器打开 HTML 检查顶部溢出警告；红框或红色 banner 表示页面超过 1440px，需要补 ---page---。
  • cover.json 的标题用 \n 换行，不要用冒号、逗号分隔，否则标点会直接渲染出来。
  • 字体依赖 Google Fonts；加载失败时会回退到 PingFang、苹方、微软雅黑等中文字体。
  • 依赖 marked、highlight.js、sharp，其中 sharp 是 native binary，部分平台需要指定 optional/os/cpu 参数。
  • 内容必须重写，数字卡片适合事件型、盘点型、拆解型内容；纯观点类选题可能需要先重做选题，而不是只换封面。

使用场景

  • 博客作者有一篇已写完的 Markdown 长文，需要拆成小红书图文笔记和抖音图集，不想手写 HTML。
  • 运营要把工具评测、教程或复盘整理成固定 1080×1440 的图文卡片，直接发布到两个平台。
  • 内容团队想按封面钩子、分页密度和表格容量控制图文质量，减少发布前反复截图调整。
  • 个人创作者希望从 Markdown 源文件生成可下载 PNG 包，并附带标题、正文、标签和互动评论。

适合人员

  • 独立博客作者：想把技术长文快速改造成适合小红书、抖音阅读的图文，减少排版试错。
  • 内容运营：经常把教程、评测和复盘变成固定尺寸图卡，需要统一封面和分页规则。
  • 产品或开发者：要把文档、案例和数据整理成可发布的社媒图集，并保留代码、表格和截图。
  • 个人知识管理者：已有 Markdown 笔记，希望按 18 张以内的社媒卡片结构整理和再发布。