mcpField
C
card-xiaohongshu

card-xiaohongshu

github.com/nexu-ioDesign & UI104.6k2.7k installsUpdated today
Repository

About card-xiaohongshu

card-xiaohongshu is a design skill for creating multi-image Xiaohongshu posts. It structures content into a cover, one-point-per-card body, and a closing summary, with mobile legibility and consistent styling in mind.

Key features

  1. 011080 × 1440 card layout
  2. 02Cover, body, and closing card structure
  3. 03One key idea per card
  4. 04Soft colors and rounded elements
  5. 05Large, high-contrast text
  6. 06Author or date watermark

Use cases

  1. 01Turning short content into a card series
  2. 02Organizing long-form content into cards
  3. 03Preparing mobile-readable Xiaohongshu posts

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill card-xiaohongshu

After installing, type/card-xiaohongshuin Claude Code to confirm it loaded.

Bundled filesexample.htmlexample.md

Details

From the project README

【模板: 小红书图文卡片】

  • 输出 N 张连续卡片, 每张 w-[1080px] h-[1440px], 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。
  • 第一张是封面: 巨大的标题 + 1 行副标题 + 一个吸引人的标签 (类似 "干货预警" / "建议收藏")。
  • 中间几张展开正文, 每张一个核心观点, 配 emoji + 短句 + 1-2 个例子。
  • 最后一张是总结 + 行动号召 (关注 / 收藏 / 评论)。
  • 配色: 选择柔和的莫兰迪色或粉色系; 元素圆润, 大量留白。
  • 字号大、行距宽、对比强(小红书在手机上看, 小字根本看不清)。
  • 每张卡片右下角小水印 (作者名 / 日期)。

Comments

Markdown supported