Card Xiaohongshu
Turn bullet notes or articles into Xiaohongshu-ready 1080×1440 swipeable knowledge-card HTML you can screenshot and post.
Overview
card-xiaohongshu is an agent skill for the Launch phase that turns your notes into Xiaohongshu-style 1080×1440 knowledge-card carousels ready to screenshot and publish.
Install
npx skills add https://github.com/nexu-io/open-design --skill card-xiaohongshuWhat is this skill?
- Outputs N linked cards at 1080×1440 (3:4) in a vertical flex stack for full-carousel or single-card screenshots
- Cover card pattern: hero title, subtitle, and attention tag (e.g. 干货预警 / 建议收藏)
- Body cards: one core point each with emoji, short lines, and 1–2 examples
- Closing card: summary plus clear call-to-action
- Sizing guidance: short content 3–6 cards, longer sets up toward platform limits (up to 18, often ≤9)
- Fixed card frame 1080×1440 (3:4 aspect)
- Platform-oriented guidance: up to 18 images per post, often 9 or fewer cards
Adoption & trust: 708 installs on skills.sh; 61.4k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have solid ideas on paper but no fast, on-brand Xiaohongshu carousel layout without manual design work.
Who is it for?
Indie builders shipping educational or promotional threads to Xiaohongshu, WeChat, or similar image-first social channels.
Skip if: Teams that need responsive in-app UI, automated XHS API posting, or generic landing pages without the Xiaohongshu card visual system.
When should I use this skill?
Use the Xiaohongshu Card template when you want Xiaohongshu-style swipeable knowledge-card carousels from real content, preserving the visual signature and avoiding placeholders.
What do I get? / Deliverables
You get a vertical stack of branded HTML cards with cover, scoped body slides, and a CTA finale you can capture and post to social feeds.
- Multi-card HTML carousel (cover, body slides, summary CTA)
- 1080×1440 per-card layout suitable for screenshots
Recommended Skills
Journey fit
Canonical shelf is Launch because the template optimizes visuals and structure for publishing on Xiaohongshu and similar social feeds, not for in-repo product code. Distribution is the primary job: multi-card carousels, cover hooks, and CTAs are built for channel posting rather than on-site SEO or in-app UI.
How it compares
Use this design template instead of ad-hoc HTML slides when you specifically want the Xiaohongshu 图文 signature rather than a generic markdown export.
Common Questions / FAQ
Who is card-xiaohongshu for?
Solo and indie builders who publish knowledge or marketing content on Xiaohongshu-style platforms and want agent-generated, screenshot-ready card carousels.
When should I use card-xiaohongshu?
Use it during Launch distribution when you are preparing social posts, and during Grow content work when you need reusable carousel HTML from an existing article or outline.
Is card-xiaohongshu safe to install?
Review the Security Audits panel on this Prism page and inspect the upstream open-design repo before running generated HTML locally or in preview.
SKILL.md
READMESKILL.md - Card Xiaohongshu
【模板: 小红书图文卡片】 - 输出 N 张连续卡片, 每张 `w-[1080px] h-[1440px]`, 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。 - 第一张是封面: 巨大的标题 + 1 行副标题 + 一个吸引人的标签 (类似 "干货预警" / "建议收藏")。 - 中间几张展开正文, 每张一个核心观点, 配 emoji + 短句 + 1-2 个例子。 - 最后一张是总结 + 行动号召 (关注 / 收藏 / 评论)。 - 配色: 选择柔和的莫兰迪色或粉色系; 元素圆润, 大量留白。 - 字号大、行距宽、对比强（小红书在手机上看, 小字根本看不清）。 - 每张卡片右下角小水印 (作者名 / 日期)。