歸藏社交卡片生成技能 · 小红书图文 / 公众号封面对

这是什么

歸藏社交卡片生成技能（Guizang Social Card Skill）是作者 op7418 发布的一个 Agent Skill 仓库，专为 Claude Code / Codex 等本地 Agent 环境设计。

它可以把文章、文案、产品测评、截图、旅行照片甚至视频，一键生成适合社交平台传播的图文卡片，包括：

小红书 / Rednote 轮播图文组图（3:4 画板）
Live Photo 动态卡（单视频、二宫格、三宫格、四宫格拼图）
公众号 21:9 头图 + 1:1 分享卡封面对

该项目在 GitHub 上收获了 7297 Stars、567 Forks，目前有 12 个 open issues，采用 AGPL-3.0 协议。

它是作者姊妹项目 guizang-ppt-skill 的延伸——PPT 解决“横向翻页演讲”，这个 Skill 解决“静态信息流图文”。

适合谁

这个技能特别适合以下人群：

小红书博主 / 内容创作者——需要高频产出高质量轮播图文的创作者
公众号运营者——需要统一视觉风格的封面头图 + 分享卡
产品经理 / 市场营销——需要把测评、数据、方法论变成视觉化卡片
正在使用 Claude Code / Codex 的进阶玩家——已经有 Agent 环境、想拓展其内容生成能力

如果你只想用普通 Chatbot 聊天，不推荐使用——它需要文件系统和渲染管线才能稳定出图。

能做什么

这个技能的核心能力非常完整：

双视觉系统：电子杂志风（Editorial）走叙事与氛围，瑞士国际主义（Swiss）走事实与结构
3 个画板尺寸：.poster.xhs（1080×1440，小红书 3:4）、.poster.wide（2100×900，公众号 21:9）、.poster.square（1080×1080，公众号 1:1）
Live Photo 动态卡：支持单视频、二宫格、三宫格、四宫格、三连拼图，小红书按 5s、公众号文章内按 3s 输出
28 个版式骨架：Editorial 16 个（M01-M16）+ Swiss 12 个（S01-S12），如 KPI Tower、H-Bar Chart、Matrix + Hero 等
10 套主题预设：Editorial 6 套（墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘、Midnight Ink）+ Swiss 4 套锚点色（IKB 克莱因蓝、柠檬黄、柠檬绿、安全橙），不支持自定义 hex
图源工作流：用户图片优先；无图时按 Unsplash → Pexels → Flickr CC → Wallhaven → 直接搜索取图，并自动写 SOURCES.md
WebGL 墨流背景：杂志风 hero 页可挂动态墨流，低性能时可禁用
文字压图 + 主体避让：满铺图先做 quiet-zone 与主体映射，文字避开人脸、产品和关键动作
截图美化资产：9 张 WebP 真实材质背景 + .frame-shot / .device-browser / .device-phone 工具类
地图组件：MapLibre + OSM 真实瓦片，支持多 pin + 连线，适合旅行攻略
校验脚本：通过 Playwright 真实 DOM 测量，9 条规则自动检测溢出、字号上限、4 横带密度、footer 碰撞等

使用前准备

开始使用前需要满足以下条件：

安装 Node.js 环境
安装 Playwright（项目依赖中已包含）
使用 Claude Code 或 Codex（Cursor 等本地 Agent 也可用，但需要有 shell 权限）

安装方法

推荐使用一行命令安装：

npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill

也可以直接把这对话发给 AI Agent，它会自动完成安装：

帮我安装 guizang-social-card-skill。请把 https://github.com/op7418/guizang-social-card-skill 克隆到 ~/.claude/skills/guizang-social-card-skill，安装完成后检查 SKILL.md、assets/、references/ 是否存在。

手动安装方式：

git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill

使用示例

安装完成后，直接对 Agent 说类似这样的话即可触发：

“帮我基于这篇文章做一套瑞士风小红书图文，5 张，IKB 蓝。”
“基于这份产品测评做一套小红书 3:4，标题用电子杂志风。”
“帮我把这篇文章做成公众号封面对：21:9 头图 + 1:1 分享卡，视觉保持一致。”
“我有 3 张露营照片，帮我做一套全图风格的小红书图文。”
“把这段咖啡视频做成小红书 5 秒 Live Photo，标题只放一组，避开杯子和手。”

技能会按 7 步工作流执行：Intake（抓取平台/风格/素材/用户图）→ Style & Theme（选风格和主题色）→ Layout Selection（挑版式骨架）→ Asset Prep（取图并写 SOURCES.md）→ Compose & Render（种子模板渲染 PNG）→ Deliver & Review（先给用户看图）→ Iterate（按反馈修改重渲）。

风险与注意事项

环境依赖：需要本地 Node.js 环境和 Playwright，普通 Chatbot 无法使用
Live Photo 发布限制：小红书按 5s、公众号文章内按 3s；通常需要把 .pvt 文件包传到 iPhone 后从对应 App 发布，电脑端/网页端一般不能直接发布
主题色不可自定义：只能从 10 套预设中选择，不支持自定义 hex 值，这是为了保护美学一致性
能力边界：不适合横向翻页 PPT、长视频正片剪辑、纯图片修图；OOTD 实拍流、梦核、仿胶片调色等强烈依赖摄影或后期的细分赛道会主动说明不接

} 好的，我需要整理这个 GitHub Agent Skill 仓库的中文介绍页。这个仓库是 op7418 的 guizang-social-card-skill，是关于小红书图文、公众号封面等的社交卡片生成技能。从仓库事实看，这是一个 Claude Code / Codex 的 Agent Skill，用于生成小红书轮播图、Live Photo 动态卡和公众号封面。有 7297 个 stars，567 个 forks，12 个 open issues，使用 AGPL-3.0 协议，作者是 op7418，仓库描述是“小红书图文 + 公众号封面对”。从主题列表看，它涉及 agent-skill、claude-code、codex、editorial-design、html-template、image-generation、playwright、xiaohongshu、wechat、swiss-design 等，所以这既属于自媒体创作，也属于图像设计。分类有两个选项：自媒体创作（id=1）和图像设计（id=2，以及视频制作 id=3）。考虑到它主要生成社交卡片用于小红书和公众号，自媒体创作更贴切，但也涉及图像设计。考虑到核心功能是为自媒体平台生成图文卡片，自媒体创作更合适。难度方面，虽然安装简单，但使用涉及 Playwright、渲染管线等，对于非技术创作者来说有一定门槛，需要 Agent 环境配合。我定为进阶（2）。标题应该是“歸藏社交卡片生成技能”，或者更准确地反映功能。原文是“Guizang Social Card Skill”，可以翻译为“歸藏社交卡片生成技能”。内容结构方面，按照“这是什么 / 适合谁 / 能做什么 / 使用前准备 / 安装方法 / 使用示例 / 风险与注意事项”来组织。平台方面，支持 Claude Code 和 Codex，Cursor 也可用，所以平台应该是 Claude Code、Codex、Cursor，加上通用 Agent（因为适用于其他有 shell 权限的 Agent）。安装命令有明确的一条：npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill，所以这个应该填上。风险等级方面，这个技能需要安装 Playwright 等依赖，生成图像需要本地渲染环境，不涉及外部高风险操作，风险应该是低（1）。editor_score 可以考虑功能丰富度、设计理念、文档完整度，以及社区认同感（7297 stars），给 9.0 比较合适。requires_api_key 不需要，requires_local_env 需要（因为要本地渲染 PNG）。content_html 需要组织好内容，引用仓库事实中的 Stars、Forks 等数字。正文长度在 800-2500 字之间。关键内容：双视觉系统：Editorial（电子杂志风）和 Swiss（瑞士国际主义）；3 个画板尺寸：1080×1440（小红书3:4）、2100×900（公众号21:9）、1080×1080（公众号1:1）；Live Photo 动态卡支持；28 个版式骨架（Editorial 16 + Swiss 12）；10 套主题预设；图源工作流：Unsplash、Pexels、Flickr CC、Wallhaven；WebGL 墨流背景；校验脚本 validate-social-deck.mjs；单文件 HTML + Playwright 渲染。平台支持表格：Claude Code 支持、Codex 支持、Cursor/其他本地 Agent 可用、普通 Chatbot 不推荐。安装有三种方式：npx skills add、直接发给 AI 一段指令、手动 git clone。对于不适合的部分：横向翻页 PPT、长视频剪辑、纯图片修图等。使用流程是 7 步：Intake、Style & Theme、Layout Selection、Asset Prep、Compose & Render、Deliver & Review、Iterate。风险方面：需要本地 node 环境和 Playwright；Live Photo 发布需要通过 iPhone；主题色不允许自定义，可能不符合个人需求；能力圈外的品类会主动拒绝。我需要注意数字的使用，只能引用真实数据。Stars 7297、Forks 567、Open issues 12 可以引用。协议 AGPL-3.0。整体来说这是一个相当成熟的项目，README 很详细。我需要压缩成 800-2500 字的中文介绍。关于 category_id，这个技能主要面向自媒体创作者生成社交卡片，属于“自媒体创作”（id=1）。虽然也涉及图像设计，但核心定位是自媒体内容创作工具，选 1 更合适。平台选择：Claude Code、Codex、Cursor、通用 Agent 都支持，所以这四项都选。requirements 要写清晰，比如需要 Node.js 环境、Playwright、有 shell 权限的 AI Agent 环境等。安装命令就用 npx skills add 那条。tags 可以有：小红书图文、公众号封面、Editorial 设计、Swiss 设计、Live Photo 等。开始写 content_html。内容结构：1. 这是什么 - 介绍这个技能的基本功能和定位；2. 适合谁 - 自媒体创作者、公众号运营者等；3. 能做什么 - 核心功能列表；4. 使用前准备 - 环境要求；5. 安装方法 - 三种方式；6. 使用示例 - 提示词示例；7. 风险与注意事项 - 需要注意的点。全文需要引用仓库事实：Stars 7297、Forks 567、Open issues 12、License AGPL-3.0，作者 op7418。编写内容时注意不要编造数字，对于作者、仓库名等必须原样引用。标题：“歸藏社交卡片生成技能”，或者更长一些“歸藏社交卡片生成技能 · 小红书图文 / 公众号封面对”。intro 不超过 120 字，简洁有力。现在组织 content_html。我按照标准结构写：h2 这是什么：介绍这个技能是什么，作者是谁，stars 多少，双视觉系统等。h2 适合谁：面向自媒体创作者、公众号运营者、内容团队等。h2 能做什么：功能列表，双视觉系统、3 个画板尺寸、Live Photo、28 个版式、10 套主题、图源工作流、WebGL 墨流、截图美化、地图组件、校验脚本、单文件 HTML 渲染等。h2 使用前准备：需要 Node.js、Playwright、有 shell 权限的 Agent 环境（Claude Code / Codex 等）。h2 安装方法：三种方式，命令引用真实命令。h2 使用示例：给出几个提示词示例。h2 风险与注意事项：需要本地渲染环境、Live Photo 发布路径要求、主题不可自定义、能力圈限制等。字数控制在 800-2500 字。开始写。最终我选择了 category_id 为 1（自媒体创作），diffculty 为 2（进阶），platforms 为 Claude Code、Codex、Cursor、通用 Agent，risk_level 为 1（低），editor_score 为 9.2，requires_local_env 为 true。安装命令使用了推荐的 npx skills add。content_html 按照标准结构组织了内容，引用了仓库事实中的真实数字，符合所有要求。字数也在合理范围内。整个输出是一个合法的 JSON 对象，没有 markdown 代码块包裹。我对这个结果满意。现在输出最终结果。{