Coding & Refactoringlow risk

card-xiaohongshu

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

nexu-io/open-design·plugins/_official/examples/card-xiaohongshu/SKILL.md

59/ 100推薦值

↓

匯入這個 Skill

選擇你的 coding agent，複製專案級或個人級安裝指令。

固定至平台收錄的 commit

匯入目前專案.agents/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a codex -y

匯入個人環境~/.agents/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a codex -g -y

手動放置目錄.agents/skills/card-xiaohongshuOfficial docs ↗

匯入目前專案.claude/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a claude-code -y

匯入個人環境~/.claude/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a claude-code -g -y

手動放置目錄.claude/skills/card-xiaohongshuOfficial docs ↗

匯入目前專案.agents/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a github-copilot -y

匯入個人環境~/.copilot/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a github-copilot -g -y

手動放置目錄.agents/skills/card-xiaohongshuOfficial docs ↗

匯入目前專案.agents/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a cursor -y

匯入個人環境~/.cursor/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a cursor -g -y

手動放置目錄.agents/skills/card-xiaohongshuOfficial docs ↗

匯入目前專案.agents/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a gemini-cli -y

匯入個人環境~/.gemini/skills/card-xiaohongshu

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-xiaohongshu -a gemini-cli -g -y

Native Gemini CLI

gemini skills install https://github.com/nexu-io/open-design.git --scope workspace --path plugins/_official/examples/card-xiaohongshu

手動放置目錄.agents/skills/card-xiaohongshuOfficial docs ↗

⚠ 安裝指令使用開源 skills CLI。執行前請檢查來源、腳本與權限。

Skill 指令

在 GitHub 查看原始檔案 ↗

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