你是否还在为小红书笔记配图反复截图、调色、加字而熬夜？是否每次发公众号推文，都要花半小时折腾21:9横图+1:1封面的尺寸与风格统一？Guizang Social Card Skill 就是为此而生——它不是一个设计软件，而是一个“嵌入AI工作流的设计技能”，只需一段文案、一张截图或几行笔记，就能自动生成符合专业视觉规范的社交图文卡片，全程单文件HTML驱动，零PS、零Figma、零设计基础。
核心功能
- 双平台智能适配：一键输出小红书（Rednote）6–9张竖版图文轮播图 + 微信公众号专用「21:9横幅封面 + 1:1头图」黄金组合，尺寸、比例、安全区全部自动校准
- 两大美学系统切换：内置「电子杂志风」（适合旅行、阅读、生活方式类内容）与「瑞士国际主义风」（强调网格、高对比字号、单色锚点，专治产品测评与AI教程）两种视觉体系，风格即选择
- 28种精排版式 + 10大主题色系：从留白呼吸感的极简构图，到信息密度高的数据看板布局，所有模板均通过Playwright无头浏览器实时渲染为高清PNG，所见即所得
- 纯前端单文件运行：整个技能仅依赖一个HTML文件（含内联CSS/JS），无需Node服务、不上传数据、不联网生成——文案和图片都在本地处理，隐私安全有保障
- 原生支持Claude Code与Codex Agent：可作为插件直接集成进Claude桌面端、Cursor或自建AI编码环境，用自然语言指令触发：“帮我把这篇产品笔记转成小红书图文，用瑞士风蓝色主题”
- 轻量可扩展工作流：支持自定义字体、替换品牌色、导入自有LOGO；参考目录（references/）预置了Monocle、Cereal等顶级杂志的排版逻辑注释，设计师可快速二次开发
适合哪些人用
内容创作者、独立博主、新媒体运营、产品经理、AI工具布道师、知识付费讲师——尤其是那些常写不常画、重逻辑轻美工、追求效率但不愿牺牲质感的人。如果你习惯用Notion记灵感、用Obsidian整理方法论、用Claude写文案，却总卡在最后一步“配图”，这个技能就是为你量身定制的视觉加速器。
快速上手
安装只需一行命令（需已配置Claude Code或兼容Agent环境）：
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/ 是否存在。
安装后，在任意支持Skill的Agent中输入类似指令即可生成：
“用电子杂志风，把我刚粘贴的咖啡店探店笔记生成小红书6图+公众号封面对”，3秒出HTML，点击下载即得PNG。
项目信息
🪧 Claude Code / Codex skill — generate Xiaohongshu carousels & WeChat 21:9+1:1 cover pairs. Editorial × Swiss visual systems, 28 layouts, 10 themes, s
725
Stars
89
Forks
HTML
AGPL-3.0
编程语言：HTML（含内联CSS/JS）｜Star 数：725｜开源协议：AGPL-3.0｜GitHub 项目地址
它不卖模板，不收订阅费，不绑定云服务——只交付一份可审计、可离线、可理解的视觉生产力代码。
