Agent skill

Card Xiaohongshu

by ZJU-REAL in ZJU-REAL/Easel

把已有卡片文案渲染为 1080×1440 小红书竖版知识卡片组,并按 card-design 选择视觉风格。当用户说“渲染/制作小红书卡片、知识卡、滑动卡片组”时使用。整套笔记策划与文案用 xhs-note-creator;横版金句卡用 card-quote。

Apache-2.0Auto-check passedTesting & QA

Install Card Xiaohongshu

skills CLI
$ npx skills add ZJU-REAL/Easel --skill card-xiaohongshu -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install ZJU-REAL/Easel card-xiaohongshu --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/openclaw/card-xiaohongshu .claude/skills/card-xiaohongshu && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
card-xiaohongshu
GitHub stars
3.4k
Token cost
~687 tokens
SKILL.md length
175 words
Files
3
Skills in repo
114
Repo updated
First seen
Licence
Apache-2.0

At a glance

把已有卡片文案渲染为 1080×1440 小红书竖版知识卡片组,并按 card-design 选择视觉风格。当用户说“渲染/制作小红书卡片、知识卡、滑动卡片组”时使用。整套笔记策划与文案用 xhs-note-creator;横版金句卡用 card-quote。

  • Works in 3 steps: 封面卡 — Display 大标题(细字重) + 一句钩子副标 + 顶… → 正文卡 —… → 收尾卡 — 要点回顾(小账本) + 行动号召 + 水印
  • Testing & QA work in your project
  • SKILL.md covers ⚠️ 生成前必读设计系统(否则大概率做出廉价 AI 卡), 输出规范, 卡片结构 and 视觉风格(硬性,细节见 card-design), plus 3 more sections
  • Calls python, pip and playwright

What it does

Card Xiaohongshu is an agent skill from ZJU-REAL/Easel. 把已有卡片文案渲染为 1080×1440 小红书竖版知识卡片组,并按 card-design 选择视觉风格。当用户说“渲染/制作小红书卡片、知识卡、滑动卡片组”时使用。整套笔记策划与文案用 xhs-note-creator;横版金句卡用 card-quote。

Its SKILL.md is about 690 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `EASEL-META.md` and `example.md`).

It sits in Testing & QA. It works with Xiaohongshu and Playwright. The repository describes itself as: An open-source AI agent for social media — discover trends, create content, publish everywhere, and learn what works across Xiaohongshu, Douyin, Zhihu, Bilibili, and more.🎨一个开源的… The licence is Apache-2.0.

When your agent uses it

  • Testing & QA work in your project

Example prompts

  • “渲染/制作小红书卡片、知识卡、滑动卡片组”
  • “/card-xiaohongshu”

Requirements

  • Python 3

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. 封面卡 — Display 大标题(细字重) + 一句钩子副标 + 顶 kicker + 底信息行(填到底,别中段空)
  2. 正文卡 — 每张一个核心观点,用账本行/管线/矩阵等有信息量的骨架填满,不是一句话配大空白
  3. 收尾卡 — 要点回顾(小账本) + 行动号召 + 水印

What it can do on your machine

Read from SKILL.md and the folder at commit 278f420. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • python
    • pip
    • playwright

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pip, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Card Xiaohongshu loads about 687 tokens when it runs. Until then it costs about 37 tokens; SKILL.md has 175 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~37
When it runs · the whole SKILL.md, loaded when a task matches
~687

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from ZJU-REAL/Easel at commit 278f420, republished under its Apache-2.0 licence (© ZJU-REAL). 175 words, ~687 tokens.

Download SKILL.mdSave it as .claude/skills/card-xiaohongshu/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
card-xiaohongshu
description
把已有卡片文案渲染为 1080×1440 小红书竖版知识卡片组,并按 card-design 选择视觉风格。当用户说“渲染/制作小红书卡片、知识卡、滑动卡片组”时使用。整套笔记策划与文案用 xhs-note-creator;横版金句卡用 card-quote。
layer
produce

小红书图文卡片

你是一名小红书视觉内容设计师。根据用户提供的内容,生成一组小红书风格的 HTML 知识卡片。

⚠️ 生成前必读设计系统(否则大概率做出廉价 AI 卡)

写第一行 HTML 之前,先读 card-design 设计系统,按它的五步来: ①先让用户选风格(card-design 有 9 种命名风格:瑞士极简/杂志编辑/新中式墨韵/奶油温柔/多巴胺Y2K/高奢黑金/手账贴纸/极客终端/植物清新——用户没选就列 3-4 个候选让 ta 挑或按内容推荐) ②锁定该风格 spec(字体/配色hex,禁自定义) ③字体层级(字越大越细) ④套骨架 ⑤渲染后跑 card_audit.py 硬门禁。

不读设计系统、凭"感觉"写,就会做出:深蓝科技渐变 + emoji 当图标 + 大片死空白的 PPT 味卡片(反面教材)。卡片美不美第一取决于选对风格,别所有内容都套同一种。

输出规范

  • 输出 N 张连续卡片,每张 width: 1080px; height: 1440px,用 flex 纵向排列方便整体截图也方便单张截图
  • N 由用户内容信息量决定:短内容 3-6 张起步,长内容更多(小红书平台单帖最多 18 图,通常 9 张以内最佳)
  • 一张卡只承载一个核心观点

卡片结构

按 card-design/references/card-recipes.md 的骨架选型(封面/账本/管线/对比/矩阵/数据/金句/收尾)。典型一套:

  1. 封面卡 — Display 大标题(细字重) + 一句钩子副标 + 顶 kicker + 底信息行(填到底,别中段空)
  2. 正文卡 — 每张一个核心观点,用账本行/管线/矩阵等有信息量的骨架填满,不是一句话配大空白
  3. 收尾卡 — 要点回顾(小账本) + 行动号召 + 水印

视觉风格(硬性,细节见 card-design)

  • 配色:从 card-design/references/palettes.md 选一套锁定的方案,整套卡片全程用它——知识/生活走杂志暖纸系(Ink/Kraft/Dune),科技/工具走瑞士系(克莱因蓝)。正文不用纯黑。
  • 禁:深蓝/蓝紫科技渐变、渐变文字、玻璃拟态、emoji 当图标、居中一切、大标题用粗黑体、flex:1 顶出的底部死空白。(详见 anti-ai-slop.md)
  • 填满:内容覆盖 ≥75% 画高,任何无理由空白带 >15% 判失败。内容少就扩内容/换省高骨架/换 1:1,别留死空白。(详见 layout-laws.md)
  • 图标用线性图标(Lucide 风格,stroke 1.5)或纯排版,不用 emoji。字号大、对比强、行距宽(手机可读,正文 ≥28px)。
  • 每张卡片角落小水印(作者名 / 日期)。

Profile 感知

  • 有 Profile:从 style.md 读品牌配色和风格偏好(但仍遵守 card-design 的高级感底线,别退回"柔和渐变"这类模糊描述),从 identity.md 读账号名用作水印
  • 无 Profile:按 card-design 默认——知识/科技类默认瑞士+克莱因蓝或杂志+Indigo Porcelain,生活/情感类默认杂志暖纸系,水印留空

与其他卡片 SKILL 的区别

三者都是"HTML 单图 → 截图",仅画幅与场景不同,互不替代:

  • card-xiaohongshu(本 SKILL) = 1080×1440 竖版小红书知识卡,可多张联排滑动浏览,一套干货拆成 3-9 张。小红书的封面/首图也用本 SKILL 的封面卡(一套卡的第 1 张)。
  • card-quote = 16:9 横版金句/数据卡,单张 hero 观点或核心数字,配微博 / 知乎 / X / 公众号。
  • poster-hero = 1080×1920 竖版独立营销海报 / 朋友圈分享图,大标题 + 卖点 + 二维码,用于产品发布、活动宣传(不是笔记首图——笔记首图用本 SKILL 的封面卡)。

(三者生成前都应先读 card-design 设计系统。)

输出

生成完整的 HTML 文件,写入 outputs/ 目录,再用共享脚本自动渲染成图(勿手动截图):

bash
# 多张卡片:每张 .card 元素单独出图,得 card_1.png card_2.png ...
python skills/shared/scripts/render_card.py \
  --html outputs/主题名/assets/cards.html \
  --out-dir outputs/主题名 --all ".card" --prefix card \
  --width 1080 --height 1440

# ⭐ 渲染后必做:死空白/密度硬门禁,全 PASS 才交付
python skills/openclaw/card-design/scripts/card_audit.py audit -f "outputs/主题名/card_*.png"
  • 竖版 1080×1440;HTML 里每张卡片外层用统一 class(如 .card)便于 --all 批量导出。
  • 脚本用 playwright+chromium,对 CDN/字体有界超时不卡死;首次需 pip install playwright && playwright install chromium。
  • card_audit 有 FAIL 的卡 → 按 card-design/references/layout-laws.md 的「欠填修正阶梯」补内容或换骨架,重渲到全 PASS。

© ZJU-REAL, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 2 other files in skills/openclaw/card-xiaohongshu of ZJU-REAL/Easel.

  • SKILL.md
  • EASEL-META.md
  • example.md

Open the folder on GitHubat commit 278f420

Compare with similar skills

Card Xiaohongshu next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Card Xiaohongshu compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Card Xiaohongshu this skillZJU-REAL/Easel3.4k—~687Automated safety check: PassApache-2.0
Xhs Auto PublisherDjangoPeng/agentic-ai152—~570Automated safety check: PassMIT
Xiaohongshu WriterEXboys/skilllite170—~737Automated safety check: PassMIT
Xhs Article To ImagesPluviobyte/rnskill1.6k—~985Automated safety check: PassMIT
Xhs Video Linksdragon-hh/ai-boshu-crawler106—~653Automated safety check: PassNone
Web Application Testinganthropics/skills180k51 repos~966Automated safety check: PassApache-2.0

Similar skills

  • Xhs Auto Publisher

    DjangoPeng/agentic-ai

    面向云服务器的小红书图文自动发布 Skill。适用于需要在 Linux 云服务器上,通过 Playwright/CDP、二维码人工接管、登录缓存、龙虾代发飞书群图片消息、截图留痕与审计日志来完成小红书草稿或发布流程的场景。

    152 GitHub stars~570 tokensUpdated 3 mo ago
    Testing & QAAuto-check passed
  • Xiaohongshu Writer

    EXboys/skilllite

    小红书图文内容创作助手。必须传入 content(含 title、body、hashtags、thumbnail),建议 generatethumbnail=true。优先 Playwright HTML 截图生成封面,失败时回退 Pillow。

    170 GitHub stars~737 tokensUpdated 16 days ago
    Testing & QAAuto-check passed
  • Xhs Article To Images

    Pluviobyte/rnskill

    把 Markdown 长文转成小红书 3:4(1080×1440)图片组的 Agent skill。内置五套设计皮肤(E 雅刊·默认 / A 暖杏奶咖 / B 雾松青 / C 黛墨描金 / D 夜读鎏金)+ 女性向三主题(F 粉色王国 / G 乙游夜境 / H 吉卜力)× 多种页型;Agent 负责读文章、拆页和填 HTML,Playwright 渲染器负责逐张截图导出…

    1.6k GitHub stars~985 tokensUpdated 20 days ago
    Testing & QAAuto-check passed
  • Xhs Video Links

    dragon-hh/ai-boshu-crawler

    Extract Xiaohongshu user profile video/note links from a provided profile URL.

    106 GitHub stars~653 tokensUpdated 2 mo ago
    Testing & QAAuto-check passed
  • Web Application Testing

    anthropics/skills

    Official

    Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.

    180k GitHub starsUsed in 51 repos~966 tokens
    Testing & QAAuto-check passed
  • Playwright CLI

    sanity-io/sanity

    Official

    Automates browser interactions for web testing, form filling, screenshots, and data extraction.

    6.4k GitHub starsUsed in 18 repos~1.9k tokens
    Testing & QAAuto-check passed

More from ZJU-REAL/Easel

All 114 skills in this repo
  • Gzh Design

    ZJU-REAL/Easel

    微信公众号文章排版引擎:把 Markdown / Word(.docx) / PDF / 纯文本转成可直接粘贴进公众号编辑器的 HTML,自动章节编号、关键词标记、引言卡、目录、代码块、图片/GIF、作者签名;主题从 references/theme-index.md…

    3.4k GitHub stars~2.1k tokensUpdated today
    Auto-check passed
  • 微信公众号文章自动创作与发布工具。给定参考文章、文字或文档,自动搜索整理全网相关信息、生成图文并茂的公众号文章,并发布到微信公众号草稿箱。特别强调反 AI 检测写作。

    3.4k GitHub stars~1.8k tokensUpdated today
    Auto-check passed
  • Card Design

    ZJU-REAL/Easel

    社媒卡片视觉设计系统:提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检,避免模板化 PPT 与廉价 AI 感。

    3.4k GitHub stars~657 tokensUpdated today
    Auto-check passed
  • Ecom Details Image

    ZJU-REAL/Easel

    生成电商商品视觉方案:主图概念、场景图、详情页视觉方向和 AI 生图 Prompt. An agent skill from ZJU-REAL/Easel.

    3.4k GitHub stars~1.1k tokensUpdated today
    Auto-check: notes
  • Infographic

    ZJU-REAL/Easel

    将数据或文字内容转化为可视化信息图,支持静态(AntV)和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画;要单张静态图片 URL 用 chart-visualization,要 CSV/JSON→整页报告用 data-report

    3.4k GitHub stars~643 tokensUpdated today
    Auto-check passed
  • Novel Writer

    ZJU-REAL/Easel

    长篇小说/网文连载创作:从世界观、人设和三级大纲写到逐章正文,并用文件化状态维护伏笔、前情和跨章一致性. An agent skill from ZJU-REAL/Easel.

    3.4k GitHub stars~1k tokensUpdated today
    Auto-check passed

Categories

Questions about Card Xiaohongshu

What does Card Xiaohongshu do?

把已有卡片文案渲染为 1080×1440 小红书竖版知识卡片组,并按 card-design 选择视觉风格。当用户说“渲染/制作小红书卡片、知识卡、滑动卡片组”时使用。整套笔记策划与文案用 xhs-note-creator;横版金句卡用 card-quote。. Card Xiaohongshu is an agent skill from ZJU-REAL/Easel.

When should I use Card Xiaohongshu?

Card Xiaohongshu fits situations like: testing & QA work in your project.

How do I install Card Xiaohongshu in Claude Code?

Run `npx skills add ZJU-REAL/Easel --skill card-xiaohongshu -a claude-code`. Or copy the skill folder (skills/openclaw/card-xiaohongshu in ZJU-REAL/Easel) into .claude/skills/card-xiaohongshu in your project. Claude Code loads it when a task matches its description.

How do I install Card Xiaohongshu in Codex?

Run `npx skills add ZJU-REAL/Easel --skill card-xiaohongshu -a codex`. Or copy the skill folder (skills/openclaw/card-xiaohongshu in ZJU-REAL/Easel) into .agents/skills/card-xiaohongshu in your project. Codex loads it when a task matches its description.

Can I use Card Xiaohongshu in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ZJU-REAL/Easel --skill card-xiaohongshu -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/card-xiaohongshu, .gemini/skills/card-xiaohongshu, .github/skills/card-xiaohongshu and .opencode/skills/card-xiaohongshu in your project.

What does Card Xiaohongshu need to run?

Going by SKILL.md and its folder, Card Xiaohongshu needs the command-line tools its instructions call (python, pip and playwright). Our summary lists: Python 3.

Does Card Xiaohongshu access the network?

SKILL.md contains no URLs. Its commands use pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Card Xiaohongshu safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Card Xiaohongshu use?

Card Xiaohongshu is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Card Xiaohongshu use?

About 687 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Card Xiaohongshu?

Skills that share tags, products or a category with Card Xiaohongshu: Xhs Auto Publisher (DjangoPeng/agentic-ai, 152 stars), Xiaohongshu Writer (EXboys/skilllite, 170 stars), Xhs Article To Images (Pluviobyte/rnskill, 1.6k stars) and Xhs Video Links (dragon-hh/ai-boshu-crawler, 106 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Card Xiaohongshu?

ZJU-REAL (a GitHub organization) maintains it in ZJU-REAL/Easel, which has 3,376 GitHub stars. The repository holds 114 skills in this directory. The repository was last updated on October 9, 2026.

Source: ZJU-REAL/Easel on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.