guizang-social-card-skill

文案一丢，小红书封面图直接出炉

面向 Claude Code / Codex 的社媒卡片生成技能，可一键产出小红书图文及微信公众号 21:9+1:1 封面组合，内置编辑设计 × 瑞士视觉体系、28 种版式与 10 套主题，单文件 HTML 即可导出 PNG。

开源 free 图像生成

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 7190

维护状态维护中

是否开源是

定价模式 free

项目数据

分类图像生成

开发团队op7418

所属国家

官网地址https://github.com/op7418/guizang-social-card-skill

GitHubhttps://github.com/op7418/guizang-social-card-skill

定价模式free

价格说明开源项目，AGPL-3.0 许可证，可免费使用和部署。

访问状态

是否开源是

开源协议AGPL-3.0

主要语言HTML

技术栈/模型agent-skill,ai-agent,anthropic,claude-code,claude-skill,codex,editorial-design,html-template,image-generation,playwright,rednote,social-cards,swiss-design,wechat,xiaohongshu

GitHub 星标★ 7190

30天Star增速

HF 下载量

上线时间2026-05-27 00:00:00

最近更新2026-09-22 00:00:00

维护状态维护中

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数5

使用教程

难度：入门约 10 分钟部署方式：本地安装 6 步

环境要求

Node.js 环境（需可用 npx 命令）
Claude Code / Codex 等可执行 shell 的 Agent 环境
已安装 git（手动克隆与后续更新时需要）
网络可访问 GitHub 仓库

安装与启动步骤

1一行命令安装

README 推荐方式，用 npx skills 直接从 GitHub 仓库添加该 Skill，安装完即可在 Agent 中调用。
```
npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill
```
2手动克隆安装

如果不想用 npx，可把仓库克隆到 Claude 的 skills 目录，这是 README 给出的标准安装路径。
```
git clone https://github.com/op7418/guizang-social-card-skill ~/.claude/skills/guizang-social-card-skill
```
3检查安装文件

确认目录下存在 SKILL.md、assets/、references/，三者齐全说明安装完整。
```
ls ~/.claude/skills/guizang-social-card-skill
```
4后续更新技能

已安装过想升级时进入目录执行 git pull，拉取最新版本后即可使用新特性。
```
cd ~/.claude/skills/guizang-social-card-skill && git pull
```
5向 Agent 提需求

用自然语言描述平台、风格、张数与主题色，Agent 会按 Intake 到 Iterate 的 7 步工作流执行。
6渲染导出 PNG

Agent 会拷贝种子模板、替换占位后执行渲染脚本，产出可发布图片。
```
node render.mjs
```

关键配置

配置项	必填	说明	示例
`风格（Style）`	是	选择 Editorial 电子杂志风或 Swiss 瑞士国际主义风	`Swiss`
`主题色（Theme）`	是	从 10 套预设主题中选一，不支持自定义 hex	`IKB 蓝`
`版式（Layout）`	是	从 28 个版式骨架中挑选，Editorial 16 个 / Swiss 12 个	`S09 KPI Tower`
`画板尺寸类名`	是	决定输出比例，小红书 3:4、公众号 21:9 或 1:1	`.poster.xhs（1080×1440）`

如何确认成功

执行 ls ~/.claude/skills/guizang-social-card-skill 能看到 SKILL.md、assets/、references/ 即安装成功。

常见问题

Q：怎么把技能更新到最新版？

A：进入 ~/.claude/skills/guizang-social-card-skill 执行 git pull，或直接让 Agent 帮你更新并回报当前最新 commit。

Q：可以自己指定品牌色 hex 吗？

A：不行。README 明确只允许从 10 套预设主题里选主题色，流程中不支持自定义 hex。

Q：我没有配图素材怎么办？

A：Agent 在 Intake 阶段会一次性给出三个选项：自己拍图、AI 生图、网络取图，不会反复劝导你。

Q：公众号封面对怎么保证两张图一致？

A：用同一份内容分别渲染 .poster.wide（21:9）与 .poster.square（1:1），共用同一套视觉设定即保持一致。

Q：Live Photo 做出来怎么发布？

A：输出为 JPG + MOV + .pvt，小红书限制 5s、公众号文章内 3s，通常需把 .pvt 传到 iPhone 后用对应 App 发布。

注意事项

主题色只能从 10 套预设中挑选，禁止自定义 hex 值。
网络取图会落到本地并写入 SOURCES.md，是否标注来源由你决定。
交付阶段默认不自动核查，需要你主动要求 Agent 运行 validator。
小红书与公众号对 Live Photo 时长限制不同（5s / 3s），发布前需按平台调整。

核心亮点

将小红书图文和公众号封面生成封装为Claude Code/Codex技能，开箱即用，降低AI Agent调用图像生成的门槛
内置28种版式和10种主题，覆盖编辑设计风格与瑞士视觉体系，生成结果具备专业设计感而非简单拼贴
单文件HTML输出再转PNG的技术路径轻量可控，依赖Playwright即可实现，便于二次开发和集成到自动化流程

不足之处

文档/社区待观察

适用场景

自媒体运营者批量生成小红书图文和公众号封面
AI Agent工作流中自动化产出社交媒体视觉素材
设计师快速产出多版式封面方案进行比选

替代项目

Text-to-Image (Stable Diffusion)、Canva (非开源)、Piktochart (非开源)

项目介绍

guizang-social-card-skill 是智能体领域的开源项目，由 op7418 开发，是 2026 年新上线的项目。

在全站 13,014 个收录项目中，它的 GitHub 星标数（7,190）位列前 7%，在智能体分类的 2,499 个项目里位列前 7%。

近 44 天，它的 GitHub 星标从 6,173 增加到 7,190，净增 1,017。

项目仍在小幅维护中，最近一次代码更新于 2026-09-22。AGPL-3.0 许可证，可免费使用和部署。

它主要面向的使用场景是：自媒体运营者批量生成小红书图文和公众号封面。同类可对比的替代方案包括 Text-to-Image (Stable Diffusion)、Canva (非开源)、Piktochart (非开源)。

上一篇：ai-pdf-chatbot-langchain

下一篇：Generative-Media-Skills