Menu
小红书风格知识卡片, 多张联排可滑动浏览
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
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
推特金句 / 数据卡, 适合配推文
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)
锁死 1920×1080 画布, React 组件级自由组合, 不绑模板
| name | card-xiaohongshu |
| zh_name | 小红书图文卡片 |
| en_name | Xiaohongshu Card |
| emoji | 📱 |
| description | 小红书风格知识卡片, 多张联排可滑动浏览 |
| 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":"用「小红书图文卡片」模板把我的内容做成一份「小红书风格知识卡片, 多张联排可滑动浏览」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"} |
【模板: 小红书图文卡片】
w-[1080px] h-[1440px], 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。