{"repo":"op7418/guizang-social-card-skill","free":true,"listed":false,"github":"https://github.com/op7418/guizang-social-card-skill","clone":"git clone https://github.com/op7418/guizang-social-card-skill.git","description":"🪧 Claude Code / Codex skill — generate Xiaohongshu carousels & WeChat 21:9+1:1 cover pairs. Editorial × Swiss visual systems, 28 layouts, 10 themes, single-file HTML → PNG. 小红书图文 + 公众号封面对","language":"HTML","stars":6402,"topics":["agent-skill","ai-agent","anthropic","claude-code","claude-skill","codex","editorial-design","html-template","image-generation","playwright"],"license":"AGPL-3.0","category":"ai-agents","readme_excerpt":"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 个画板尺寸 : .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 ,含 Image-Led Cover、Pipeline、Before/After 等)+ Swiss 12 个( S01-S12 ,含 KPI Tower、H-Bar Chart、Matrix + Hero 等) - 🎨 10 套主题预设 :Editorial 6 套(墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘、 Midnight Ink 暗色)+ Swiss 4 套锚点色(IKB Klein Blue、柠檬黄、柠檬绿、安全橙) - 🖼 图源工作流 :用户图优先;无图时按 Unsplash → Pexels → Flickr CC → Wallhaven → 直接搜索的优先级取图,落本地 + 自动写 SOURCES.md - 🌫 WebGL 墨流背景 :杂志风 hero 页可挂动态墨流;低性能或截图时可禁用 - 🪧 文字压图 + 主体避让 :满铺图先做 quiet-zone 与主体映射,文字避开人脸、产品和关键动作;需要时只加局部 tint,不默认全图遮罩 - 🧰 截图美化资产 :9 张 WebP 真实材质背景(Editorial 5 / Swiss 4),配套 .frame-shot / .device-browser / .device-phone 工具类 - 🗺 地图组件 :MapLibre + OSM 真实瓦片,支持多 pin + 连线,适合旅行攻略 - ✅ 校验脚本 : validate-social-deck.mjs 自动检测溢出、字号上限、4 横带密度、footer 碰撞 - 📄 单文件 HTML + Playwright 渲染 :不需要前端构建链, node render","default_branch":null,"files":null,"tree":[],"storefront":"/r/op7418","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/op7418/guizang-social-card-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}