// Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
Single-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide layouts from `references/layouts.md`. Pitch decks, product overviews, study material — when you don't need the magazine aesthetic of `magazine-web-ppt`.
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
Twitter quote or data card designed to pair with a post.
Turns CSV, Excel, or JSON data into a polished visual report page.
Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).
Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.
| 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 张以内最佳); 一张卡只承载一个核心观点。