设计与前端 social-cardseditorial-designswiss-designplaywrighthtml-renderinglive-photorednotewechat

归藏社交卡片

把文章、截图和视频转成可渲染的社交图文与动态卡片。

FollowSkills 评估 · FSRS-2.0
不推荐
49/ 100 五分制 2.5 / 5
信任安全13 / 25 · 2.6/5

证据显示技能要求任务目录隔离、用户确认图片来源选择、视频时长确认,并限制生成文件位置;但依赖外部图片、地图、字体和Playwright,未充分说明数据流、权限边界、依赖安全、失败回滚或来源归属,因此扣分。

可靠稳定8 / 20 · 2.0/5

证据显示工作流、输出尺寸、Live Photo分支和验证器规则较详细;但关键引用文件、模板、脚本和测试未在给定材料中完整提供,且“验证输出”与“等待用户确认后再验证”存在流程张力,静态证据不足,因此扣分。

适用触发11 / 15 · 3.7/5

证据显示目标平台、触发词、输入类型、中文类别和明确非适用场景均有说明;但部分能力依赖海外图片服务、地图服务或本地浏览器工具,国内网络和运行环境适配未被充分证明,因此扣分。

规范维护7 / 15 · 2.3/5

证据显示有分层文档结构、安装方式、示例、限制说明、许可证和版本号;但package.json标注ISC而仓库声明AGPL-3.0,package元数据作者为空,README提及的版本历史和维护文件未在材料中核验,更新责任不够清晰,因此扣分。

有效结果6 / 15 · 2.0/5

证据显示目标是直接生成小红书图片、微信封面和Live Photo素材,并提供尺寸、布局和渲染路径;但没有静态可核验的实际输出或第三方执行证据,结果质量和相较手工方案的收益仍需验证,因此扣分。

证据核验4 / 10 · 2.0/5

证据显示SKILL.md和README提供了可审计的规则、命令、目录结构及验证器说明;但未提供CI、提交测试结果或独立复现记录,且若干文件和实现未在给定材料中出现,因此扣分。

证据充分度: 评估于 2026年7月20日 审查版本 cf4b810fac1c
使用前请注意
  • 未执行任何脚本或渲染;安装前应核对模板、references、scripts和验证器是否确实存在并可运行。
  • package.json的ISC许可证与仓库AGPL-3.0声明不一致,应在使用或再分发前确认适用许可证。
  • 图片、地图、字体和视频处理可能向外部服务发送或下载数据;处理敏感素材前应确认网络请求、来源许可和归属要求。
  • 未验证海外图片服务和地图服务在中国大陆网络中的可达性。
评估证据 [1][2][3][4]
查看完整评分方法 →

这个 Skill 能做什么,适合哪些场景?

归藏社交卡片是一个面向 Claude Code 和 Codex 的 Agent Skill,用于制作小红书/Rednote 组图、微信公众号 21:9 与 1:1 封面对,以及 Live Photo 动态卡。它提供 Editorial 电子杂志风和 Swiss 瑞士国际主义两套视觉系统,共 28 个版式和 10 套主题。工作流以单文件 HTML 为基础,通过 Playwright 渲染 PNG,也支持从用户视频生成短时长动态卡。它适合需要稳定版式和图片交付的内容创作者,但不适合长视频剪辑、纯修图或没有版式诉求的纯文字编辑。

读取文章、文案、截图、产品笔记、字幕、照片和用户视频;根据平台选择 3:4、21:9 或 1:1 画板;从 Editorial 或 Swiss 版式骨架和主题预设中组织页面;通过 HTML/CSS 与 Playwright 渲染 PNG;可对视频做首帧检查、裁切和 3 秒或 5 秒 Live Photo 处理,并输出 JPG、MOV 和 .pvt;可使用 Unsplash、Pexels、Flickr CC、Wallhaven、Mapbox 或 OSM 等来源,并记录图片来源。

  1. 内容创作者把长文章拆成 5-9 张小红书或 Rednote 轮播图。
  2. 产品经理或测评作者用 Swiss 网格制作产品评测、数据回顾和教程卡片。
  3. 旅行与生活方式作者用 Editorial 版式制作带用户照片的叙事组图。
  4. 公众号运营者同时制作 21:9 主封面和 1:1 分享封面。
  5. 用户把咖啡、旅行或产品视频制作成 3 秒或 5 秒 Live Photo 动态卡。
  6. 教程作者把应用、网页或代码截图包装成可读的社交卡片。

这个 Skill 有哪些优点和局限?

优点
  • 明确支持小红书/Rednote、微信公众号封面对和 Live Photo 等具体交付格式。
  • 提供 Editorial 与 Swiss 两套成体系的视觉规则,而不是只给通用排版提示。
  • 包含 28 个版式骨架、10 套主题、截图处理、文字压图避让和 3:4 密度规则。
  • 采用单文件 HTML 与 Playwright 渲染,便于 Agent 修改和输出 PNG。
  • 提供 Playwright 版式校验脚本,可检查溢出、字号、密度和标题间距。
局限
  • 需要 shell、文件系统和 Node.js/Playwright 等运行条件,普通聊天机器人环境不适合稳定出图。
  • 长视频正片、纯图片修图、纯文字编辑和部分摄影导向品类不在目标范围内。
  • Live Photo 发布通常需要将 .pvt 传到 iPhone,再从匹配的移动端 App 发布。
  • 网络取图的版权需要用户自行判断;源材料没有证明所有外部图片来源均可直接使用。
  • 采用 AGPL-3.0,修改、再分发或以网络服务形式提供衍生版本时有开源义务。

如何安装这个 Skill?

在有 shell 权限的 Agent 环境中运行:npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill。源材料还提供了手动方式:git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill。安装后应能看到 SKILL.md、assets/ 和 references/。其他客户端的安装位置未在源材料中明确说明。

如何使用这个 Skill?

安装后直接向 Agent 提出具体请求,例如:“帮我基于这篇文章做一套瑞士风小红书图文,5 张,IKB 蓝。”也可以请求“做一个公众号 21:9 头图 + 1:1 分享卡”或“把这个咖啡视频做成小红书 5 秒 Live Photo”。工作流通常会询问平台、内容、素材和风格;没有图片时会让用户选择自有图片、网络取图或 AI 生成。渲染命令为 node render.mjs;可按需运行 node validate-social-deck.mjs path/to/task-dir 进行校验。

这个 Skill 与同类方案有什么区别?

源材料将它与同作者的 guizang-ppt-skill 区分:后者用于横向翻页演讲,本项目用于静态信息流图文。除此之外,源材料没有提供与其他社交卡片工具的直接对比。

常见问题

使用这个 Skill 是否需要付费服务?
源材料没有列出该 Skill 的使用费;但网络取图、AI 生图或外部服务是否产生费用,取决于用户选择的工具和服务。
它能在普通聊天机器人中直接生成图片吗?
源材料不推荐这种方式,因为稳定交付依赖文件系统、shell、HTML 渲染和 Playwright。
没有图片或截图时怎么办?
工作流会让用户在自有图片、网络取图和 AI 生成之间选择一次,然后按选择继续;不会默认替用户选择图片来源。
Live Photo 可以直接从电脑发布吗?
源材料称桌面端或网页端通常不能识别 .pvt 为可发布的 Live Photo,通常需要通过 iPhone 和对应移动端 App 发布。

相关 Skills