Qiaomu Info Card Designer

Takes text or URLs and turns them into magazine-style info cards as images, ready to share on Twitter, WeChat, or Xiaohongshu. The workflow is thorough: it fetches content from URLs (including arXiv papers and tweets via jina.ai), distills 4-6 key points with a punchy headline, then generates HTML with Swiss-inspired typography and auto-screenshots it with Playwright. You get three style options ranging from clean to experimental, plus optional Mermaid diagrams for flows and causality chains. The design spec is detailed about contrast ratios and mobile readability, which matters when these get viewed on phones. Useful when you want to package insights into something more polished than a screenshot of text.

skills.sh installs: 185
GitHub stars: 248
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add joeseesun/info-card-designer --skill qiaomu-info-card-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Info Card Designer

将任意内容转化为杂志质感信息卡，自动截图 + 超长分割，适配 X/Twitter、微信、小红书分享。

工作流

Step 0：获取内容（如果输入是 URL）

如果用户给的是 URL 而非纯文本，先抓取内容再进入 Step 1。

路由规则：

URL 类型	抓取方式
`arxiv.org/abs/`	提取论文 ID，优先抓 HTML 版 `https://arxiv.org/html/{id}v1`，失败则抓 PDF `https://arxiv.org/pdf/{id}.pdf`
`x.com` / `twitter.com`	`curl -sL "https://r.jina.ai/{url}"`
`mp.weixin.qq.com`	`python3 ~/.claude/skills/markdown-proxy/scripts/fetch_weixin.py "{url}"` （如存在）
其他网页	`curl -sL "https://r.jina.ai/{url}"`，失败则 `curl -sL "https://defuddle.md/{url}"`

arXiv 专用逻辑（抓全文，不是摘要）：

# 从 https://arxiv.org/abs/2603.25694 提取 ID
paper_id=$(echo "$url" | grep -oP 'arxiv.org/abs/\K[\d.]+')

# 优先抓 HTML 版（内容最完整）
html_url="https://arxiv.org/html/${paper_id}v1"
curl -sL "$html_url" 2>/dev/null || curl -sL "https://r.jina.ai/https://arxiv.org/pdf/${paper_id}.pdf"

通用代码（覆盖 90% 场景）：

curl -sL "https://r.jina.ai/{url}" 2>/dev/null

原则：skill 自己能抓就自己抓，不依赖外部 skill。r.jina.ai 免费、无需 API key、支持 X/Twitter/普通网页。arXiv 论文优先抓 HTML 版（比 PDF 更易提取），只有公众号等特殊页面才回退到专用脚本。

Step 1：提炼核心信息（最重要）

目标：让读者只看图片就能理解文章最核心、最重要的概念和信息，不需要点进原文。

SKILL.md on GitHub

Details

Repository: github.com/joeseesun/info-card-designer
First seen: Jun 3, 2026