nexu-io avatar

Card Xiaohongshu

Generates Xiaohongshu-style swipeable card carousels at 1080×1440 (3:4), optimized for screenshot-and-share workflows. The template structures content into 3-18 cards with a hero cover (big title, subtitle, attention tag like "干货预警"), middle cards that unpack one idea each with emoji and examples, and a closing CTA card. Uses Morandi gradients, high contrast typography sized for mobile viewing, and plenty of white space. Perfect when you need to package knowledge or tips into that glossy, mobile-first format that performs well on Xiaohongshu or WeChat Moments. The layout assumes vertical stacking so you can screenshot the full carousel or grab individual cards.

skills.sh installs
2.8K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill card-xiaohongshu --agent claude-code

Installs into .claude/skills of the current project.

Files

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

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

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1agricidaniel avatarblog-seo-checkagricidaniel/claude-blogPost-writing SEO validation with pass/fail checklist covering title tag length and keyword placement, meta description quality, heading hierarchy and keyword de2.8Kskills.sh installs
2forcedotcom avatargenerating-visual-diagramsforcedotcom/sf-skillsAI-powered image generation for Salesforce visuals via Nano Banana Pro. Use this skill when the user needs rendered PNG/SVG output such as visual ERDs (Entity R2.8Kskills.sh installs
3juliusbrussee avatarjunior-to-seniorjuliusbrussee/skillsAdversarial senior-engineer review for agent-generated plans, designs, and architectures. Treats the current output as junior work, constructs a senior reviewer2.7Kskills.sh installs
4deanpeters avatarpositioning-statementdeanpeters/product-manager-skillsCreate a Geoffrey Moore-style positioning statement. Use when clarifying who you serve, what problem you solve, your category, and why you're different from alt2.6Kskills.sh installs
5deanpeters avatarpress-releasedeanpeters/product-manager-skillsWrite an Amazon-style press release that defines customer value before building. Use when aligning stakeholders on a new product, feature, or strategic bet.2.5Kskills.sh installs
6alirezarezvani avatarengineering-skillsalirezarezvani/claude-skillsIndex of the engineering-team skills bundle for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools. Architecture, frontend, backend, QA, DevOps,2.4Kskills.sh installs