基于 SOC 职业分类
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/nexu-io/open-design --skill card-xiaohongshu命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up numbers, and a hover-expand video gallery that slides up over the dark section. Invoke for 'luxury real estate landing page', 'architecture brand site', 'scroll-driven hero with rising building', or when the user references the Velar template.
Bundled OD Next V2 strategy entrypoint for route-locked planning and Build execution.
Prepare required media inputs within an existing OD Next plan. Reuse capability evidence, acquire and measure assets efficiently, and resolve asynchronous jobs without removing required content or weakening quality standards.
| 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 张以内最佳); 一张卡只承载一个核心观点。