🎨 Hình ảnh & Thiết kế•Mã nguồn mở•Đang hoạt động

Guizang Social Card Skill

Skill cho Claude Code/Codex tạo carousel Xiaohongshu/Rednote và cặp cover WeChat 21:9 + 1:1 bằng template HTML xuất PNG.

#guizang-social-card-skill

Truy cập website Xem GitHub ⚖️ So sánh

Danh mục

🎨 Hình ảnh & Thiết kế

Giá

Mã nguồn mở

GitHub Stars

⭐ 7,389

Ngôn ngữ

HTML

License

AGPL-3.0

Ngày thêm

2026-05-29

agent-skill social-cards xiaohongshu wechat html-template image-generation

Tóm tắt từ README GitHub

Guizang Social Card Skill · 小红书图文 / 公众号封面对 English README 一个适配 Claude Code / Codex 等 Agent 环境的图文卡片技能,用于从文章、文案、截图、产品笔记、字幕、照片或用户视频生成小红书 / Rednote 图文组图、 Live Photo 动态卡与公众号 21:9 + 1:1 封面对。内置两套视觉系统,共用一份图文工作流: - 电子杂志风(Editorial) 。像 Monocle / Kinfolk / Cereal 那样克制的版面,适合叙事、生活方式、旅行、阅读、影视、个人观察。 - 瑞士国际主义(Swiss) 。网格、单一锚点色、直角发丝线、极致字号对比,适合产品测评、数据、方法论、教程、AI 工具。这个 Skill 是 guizang-ppt-skill 的姊妹项目,共享美学语言但独立维护。PPT 解决"横向翻页演讲",这里解决"静态信息流图文"。 30 秒开始也可以直接把这段话发给有 shell 权限的 AI Agent: 已经安装过的话,用这段话更新: 安装后直接对 Agent 说: 也可以试这些请求: 效果 - 🖋 双视觉系统 :电子杂志风做氛围与叙事,瑞士风做事实与结构,两套共用同一份工作流 - 📐 3 个画板尺寸 : 1080×1440(小红书 3:4)、 2100×900(公众号 21:9)、 1080×1080(公众号 1:1) - 🎬 Live Photo 动态卡 :支持单视频、二宫格、三宫格、四宫格、三连拼图、长视频低成本诊断;小红书按 ,微信公众号文章内按 - 🧩 28 个版式骨架 :Editorial 16 个( ,含 Image-Led Cover、Pipeline、Before/After 等)+ Swiss 12 个( ,含 KPI Tower、H-Bar Chart、Matrix + Hero 等) - 🎨 10 套主题预设 :Editorial 6 套(墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘、 Midnight Ink 暗色)+ Swiss 4 套锚点色(IKB Klein Blue、柠檬黄、柠檬绿、安全橙) - 🖼 图源工作流 :用户图优先;无图时按 Unsplash → Pexels → Flickr CC → Wallhaven → 直接搜索的优先级取图,落本地 + 自动写 - 🌫 WebGL 墨流背景 :杂志风 hero 页可挂动态墨流;低性能或截图时可禁用 - 🪧 文字压图 + 主体避让 :满铺图先做 quiet-zone 与主体映射,文字避开人脸、产品和关键动作;需要时只加局部 tint,不默认全图遮罩 - 🧰 截图美化资产 :9 张 WebP 真实材

Xem thêm từ README.md

Đánh giá chi tiết

Tổng quan

Guizang Social Card Skill là một skill cho Claude Code/Codex dùng để tạo bộ ảnh nội dung cho Xiaohongshu/Rednote và cover WeChat. Thay vì dùng prompt tạo ảnh tự do, skill này dựa trên workflow HTML template rồi render ra PNG, giúp bố cục, typography và hệ thống hình ảnh nhất quán hơn.

Dự án có hai hệ thẩm mỹ chính: phong cách editorial kiểu Monocle/Kinfolk/Cereal cho nội dung kể chuyện, lifestyle, du lịch, đọc sách; và phong cách Swiss International với grid, hairline, màu nhấn và tương phản cỡ chữ cho nội dung sản phẩm, dữ liệu, tutorial hoặc AI tool. Nó là dự án chị em với guizang-ppt-skill nhưng tập trung vào format tĩnh cho social feed.

Tính năng chính

Tạo carousel Xiaohongshu/Rednote từ bài viết, văn bản, ảnh, screenshot hoặc transcript.
Tạo cặp cover WeChat tỷ lệ 21:9 và 1:1.
28 layout và 10 theme theo README.
Workflow single-file HTML → PNG, dễ version và chỉnh tay.
Hỗ trợ môi trường Claude Code/Codex skill.

Điểm mạnh

Cách tiếp cận HTML template thực dụng hơn tạo ảnh thuần AI khi cần nội dung đọc được, layout ổn định và dễ sửa. Với creator/marketer làm nhiều bài social, skill này có thể biến agent coding thành một “designer vận hành theo template”.

Hạn chế

Công cụ thiên về thị trường/nền tảng Trung Quốc như Xiaohongshu và WeChat, nên người dùng Việt cần tự điều chỉnh ngôn ngữ, format và thẩm mỹ cho Facebook, LinkedIn hoặc blog. Output vẫn cần kiểm tra lỗi chữ, khoảng cách và hình ảnh trước khi đăng.

Phù hợp khi nào

Phù hợp cho creator, marketer, indie hacker hoặc team nội dung muốn tự động hóa social card/carousel có bố cục đẹp, đặc biệt khi đã dùng Claude Code hoặc Codex trong workflow.