xhs-article-to-images
Installation
SKILL.md
小红书长文转图片
把一篇 Markdown 文章(含图片)转成一组小红书 3:4 卡片图。流水线:读文章 → 选皮肤 → 拆页排版成 HTML → Playwright 截图 → 交付 PNG。
默认目标:全文重排版——把文章完整转成好看的图文卡片,不是 8 页精华摘要。主力页型是正文;段落有图就用图文;页型按需选用,不为凑花样硬塞金句/对比/清单页。
这个 skill 使用固定的五套皮肤 + 女性向三主题模板,不重新设计版式,目标是稳定复刻设计稿的样子。用户提到"皮肤/设计稿"或想要暖杏、雾松、黛墨、夜读、雅刊、粉色、乙游、吉卜力这类风格时用本 skill。
设计系统一览
- 卡片基准 1080 × 1440(3:4),皮肤与页型全部由
assets/styles.css(A/B/C 三套皮肤)、assets/styles-d.css(D 独立体系)、assets/styles-e.css(E 独立体系)、assets/styles-fem.css(女性向三主题独立体系)定义 - 五套设计皮肤:E 雅刊(默认)(暖白纸 + Newsreader 高对比衬线,作品集编辑感,封面需一张配图)/ A 暖杏奶咖(暖调爆款)/ B 雾松青(清爽治愈,封面需 16:9 配图)/ C 黛墨描金(编辑感)/ D 夜读鎏金(深墨鎏金,惊艳向)
- 女性向三主题(
femcard体系,共用一套骨架,换主题改t-pink/t-otome/t-ghibli类名 + 同步替换卡内.fem-deco装饰块):F 粉色王国(童话甜粉,彩虹+城堡+云朵手绘装饰,圆体标题)/ G 乙游夜境(暗黑浪漫深色,银紫光边框+罗马环+月+蝴蝶,高对比衬线)/ H 吉卜力(治愈自然,太阳+胖云+飞鸟+山丘,清新衬线)。女性向主题自带封面横幅图槽与 16:9 图文图槽 - 基础页型:封面、正文、清单、图文混排(16:9 图槽)、结尾号召;E 与女性向三主题另有可选页型:大字陈述(statement)、要点正文(points / idea)、三观对比(views)——只在内容天然适合时用,不是每篇必用
- A/B/C 共用一套 HTML 骨架,换肤只改
skin-a/b/c类名;D 用dcard、E 用ecard、女性向三主题用femcard独立类名体系,四套体系绝不混排 - 完整 HTML 骨架在
assets/template.html,所有页型都有现成可拷的示例块