Skill

/card-xiaohongshu

Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.

shell

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

Installs just this skill. Get the whole plugin for auto-invocation.

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/card-xiaohongshu

Context preview

The summary Claude sees to decide when to auto-load this skill.

Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.

Stats

Stars80,907

Forks9,349

LanguageTypeScript

LicenseApache-2.0

Ships with open-design

SKILL.md

card-xiaohongshu.SKILL.md

---
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