Menu
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Generates an "editorial magazine × electronic ink" style horizontal-swipe web deck (a single HTML file), with a WebGL fluid background, serif headlines + sans-serif body, act dividers, big-number data pages, image grids, and more templates. Use when the user wants to make a talk / share / launch-style web deck, or mentions "magazine-style PPT", "horizontal swipe deck", "editorial magazine", or "e-ink presentation".
Online-course / workshop module deck — warm paper background + Playfair serif, persistent left sidebar of learning objectives, MCQ self-check page. Use for teaching modules, training materials, workshop slides.
暗底知识图谱 deck —
暗终端 honest-review deck —
奶油蓝图架构 deck — 奶油纸
GitHub 暗紫渐变 deck — GitHub-dark
| name | card-xiaohongshu |
| zh_name | 小红书图文卡片 |
| en_name | Xiaohongshu Card |
| emoji | 📱 |
| description | Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel. |
| zh_description | 小红书风格知识卡片, 多张联排可滑动浏览 |
| en_description | Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel. |
| category | card |
| scenario | marketing |
| aspect_hint | 1080×1440 (3:4) |
| featured | 24 |
| tags | ["xhs","小红书","carousel","图文"] |
| example_id | sample-xhs-ai-habits |
| example_name | 小红书图文卡 · AI 工具习惯 |
| example_format | markdown |
| example_tagline | 7 张连排, 莫兰迪渐变 |
| example_desc | 干货卡片合集, 适合截图发小红书 / 朋友圈 |
| od | {"mode":"prototype","surface":"web","platform":"desktop","scenario":"marketing","upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"Use the Xiaohongshu Card template to turn my content into a Xiaohongshu-style swipeable knowledge-card carousel. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.","example_prompt_i18n":{"zh-CN":"用「小红书图文卡片」模板把我的内容做成一份「小红书风格知识卡片, 多张联排可滑动浏览」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"}} |
【模板: 小红书图文卡片】
w-[1080px] h-[1440px], 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。