[开源] Social Card Skill - 生成小红书/公众号图文封面

生成小红书/公众号图文封面技能「Social Card Skill」适配 Claude Code / Codex 等 Agent 环境的图文卡片技能，用于从文章、文案、截图、产品笔记、字幕或照片生成小红书 / Rednote 图文组图与公众号 21:9 + 1:1 封面。

20260529-1

功能介绍

双视觉系统:电子杂志风做氛围与叙事,瑞士风做事实与结构,两套共用同一份工作流
3 个画板尺寸:.poster.xhs 1080×1440(小红书 3:4)、.poster.wide 2100×900(公众号 21:9)、.poster.square 1080×1080(公众号 1:1)
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 页可挂动态墨流;低性能或截图时可禁用
图片底图遮罩 + 人脸避让:满铺图必须叠遮罩,文字落点要避开主体,references/image-overlay.md 给硬规则
截图美化资产: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.mjs 直接出 PNG