qiaomu-info-card-designer — скилл
Скилл делает из текста или ссылки инфокарточку в журнальном стиле и снимает PNG через Playwright, длинные режет на части
- 277 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл запускает curl и скрипты Python, управляет браузером без окна и пишет PNG и HTML на диск
- Адрес и текст страницы уходят на сторонние сервисы `r.jina.ai` и `defuddle.md`
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/qiaomu-info-card-designerОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл запускает curl и скрипты Python, управляет браузером без окна и пишет PNG и HTML на диск
- Адрес и текст страницы уходят на сторонние сервисы `r.jina.ai` и `defuddle.md`
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл `qiaomu-info-card-designer` принимает текст, тему или ссылку, выделяет главную мысль и четыре–шесть ключевых пунктов, верстает из них HTML-карточку в духе швейцарской типографики и журнальной верстки и снимает ее в PNG через браузер Playwright без окна. Результат рассчитан на публикацию в X, WeChat и Xiaohongshu. Ссылки скилл читает сам: страницы статей и посты X через `r.jina.ai` с запасным вариантом `defuddle.md`, статьи arXiv через HTML-версию с переходом на PDF, статьи WeChat через скрипт `markdown-proxy`, если он установлен. Ширина карточки задается словами в запросе: 480, 600 по умолчанию или 900 пикселей. Карточку выше 1200 пикселей скрипт `split_card.py` режет на несколько картинок. По умолчанию включен режим `hook`: описания пунктов переписываются в короткие хлесткие фразы по 10–20 знаков. Содержание берется только из присланного материала, цифры сохраняют исходные оговорки вроде «около» и «по данным».
Для кого. Авторам, которые делятся выжимкой статей и исследований в соцсетях картинкой вместо ссылки.
Подходит, если
- Длинную статью или тред в X надо ужать до одной картинки с главными тезисами и цифрами
- Работу с arXiv хочется показать коллегам одной карточкой с выводами
- Карточка выходит слишком высокой, и ее приходится резать на несколько кадров для ленты
- Описания должны остаться дословными: режим `hook` отключается просьбой сохранить оригинал
Не подходит, если
- Нужна интерактивная схема работы системы или алгоритма: SKILL.md отправляет такие задачи в другой скилл, `anatomy`
- Нужен отчет с данными в виде веб-страницы: для него автор указывает `qiaomu-chart-report`
- Playwright и Chromium ставить нельзя: без них скилл не снимает PNG
Пример запроса к агенту
Сделай инфокарточку из этой статьи https://example.com/post, ширина 480Ограничения
- Нужны Python 3, Playwright с Chromium, Pillow и NumPy; без Pillow и NumPy длинные карточки не режутся.
- Шрифты в комплекте (TsangerJinKai и Noto Serif SC) подобраны под китайский текст, как выглядит русская карточка, README не описывает.
- Ссылки читают сторонние сервисы `r.jina.ai` и `defuddle.md`, поэтому текст страницы уходит на их серверы.
- README называет адрес `joeseesun/info-card-designer`: репозиторий теперь `qiaomu-info-card-designer`, GitHub перенаправляет запрос.
Как отключить. Скилл убирают удалением папки `qiaomu-info-card-designer` из каталога скиллов агента. Playwright, Pillow и NumPy снимаются отдельно командой pip3 uninstall.
Частые вопросы
Как поставить скилл?
Выполните npx skills add `joeseesun/info-card-designer`. Адрес взят из README, репозиторий теперь называется `qiaomu-info-card-designer`, но GitHub перенаправляет старое имя.
Как отключить переписывание описаний в короткие фразы?
Режим `hook` выключается просьбой оставить оригинальный текст: в README триггеры на китайском («保持原文», «不改描述») и на английском «keep the original descriptions». На русском фразу лучше дополнить английским вариантом.
Какой ширины получится карточка?
Доступны 480, 600 и 900 пикселей, по умолчанию 600. Снимок идет с удвоенной плотностью, поэтому 600 пикселей дают картинку шириной 1200. Ширину называют в запросе, например «сделай карточку шириной 480».
Что делать, если скрипт жалуется на Playwright или PIL?
Выполните pip3 install playwright и python3 -m playwright install chromium. При ошибке No module named PIL поставьте pip3 install Pillow numpy. Те же команды стоят в таблице проблем README.
Что делать, если в карточке появились выдуманные данные?
Пришлите ссылку на источник или вставьте текст прямо в запрос и запустите скилл заново: он обязан брать содержание только из присланного материала.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для агентов: собирает из текста плотную информационную карточку в журнальном стиле и отдает HTML и PNG
Скилл для агента, который собирает карусели соцкарточек и парные обложки из статьи, скриншотов, заметок или видео в двух визуальных системах
Скилл раскладывает статью или кейс в карусель Xiaohongshu 3:4 из 20 шаблонов: сначала раскадровка, потом PNG и HTML.
Скилл верстки статей для WeChat: превращает Markdown в готовый HTML со встроенными стилями, который вставляется в редактор публичного аккаунта без потери оформл
Набор из 11 скиллов для Claude Code и Codex превращает статью или видео в карточки для Xiaohongshu, длинные картинки и ролик.
Скилл читает статью, задает вопросы про стиль и выдает готовый промпт для обложки Xiaohongshu или WeChat в 10 композициях
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| qiaomu-info-card-designer (эта карточка) | нет | 277 | |
| infocard-skills | нет | 517 | другой автор и тоже карточка в журнальном стиле; здесь упор на чтение ссылок, три ширины и нарезку высоких карточек |
| qiaomu-design | нет | 685 | тот же автор, но скилл про дизайн интерфейсов, а не про карточки из текста |
Коротко о README
README двуязычный. Он описывает возможности, список зависимостей с проверочными командами, фразы запуска, варианты ширины, таблицу типичных проблем и источник вдохновения для дизайна. Блок о настройке автора идет в начале.
Бейдж для README
Исходный SKILL.md
---
name: qiaomu-info-card-designer
description: |
将任意文本/URL/信息转化为杂志质感 HTML 信息卡片，并自动截图保存为图片。
支持直接输入 URL（X/Twitter、网页文章等），自动抓取内容、提炼要点、生成卡片。
适合分享到 X (Twitter)、微信、小红书等平台。
触发词："生成信息卡"、"做张信息卡"、"把这段内容做成卡片"、"信息卡片"、"make info card"、"generate card"、"把这个链接做成卡片"。
卡片特点：大字号、强排版张力、瑞士国际主义 + 杂志质感风格，生成后自动截图，超长智能分割输出图片。
不用于讲解“某个系统/算法如何运作”的交互式等距机制图（交给 anatomy）、数据报告网页（交给 qiaomu-chart-report）或可编辑白板画布（交给 qiaomu-tldraw-skill）。
---
# 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 专用逻辑**（抓全文，不是摘要）：
```bash
# 从 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% 场景）：
```bash
curl -sL "https://r.jina.ai/{url}" 2>/dev/null
```
> **原则**：skill 自己能抓就自己抓，不依赖外部 skill。r.jina.ai 免费、无需 API key、支持 X/Twitter/普通网页。arXiv 论文优先抓 HTML 版（比 PDF 更易提取），只有公众号等特殊页面才回退到专用脚本。
### Step 1：提炼核心信息（最重要）
> **目标**：让读者只看图片就能理解文章最核心、最重要的概念和信息，不需要点进原文。