qiaomu-info-card-designer

Transform text, URLs, or topics into magazine-style PNG info cards with Playwright screenshots.

265|21|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/joeseesun/qiaomu-info-card-designer --skill qiaomu-info-card-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qiaomu-info-card-designer
Source: https://github.com/joeseesun/qiaomu-info-card-designer/tree/main
Command: npx skills add https://github.com/joeseesun/qiaomu-info-card-designer --skill qiaomu-info-card-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires numpy, Pillow, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

将任意文本/URL/信息转化为杂志质感 HTML 信息卡片,并自动截图保存为图片。支持直接输入 URL(X/Twitter、网页文章等),自动抓取内容、提炼要点、生成卡片,适合分享到 X、小红书等平台。

Core Features & Use Cases

  • 自动内容提取与要点提炼:对文本/链接进行关键信息抽取并生成信息卡要点
  • 自动截图输出:生成单张或超长卡片并保存为 PNG,方便分享
  • 超长分割输出:超过高度自动分割成多张图片
  • 本地字体渲染:使用本地字体确保渲染一致性
  • 适用场景:社媒内容创作、文章摘要、知识分享等

Quick Start

输入任意文本或链接,让 Claude 生成杂志风信息卡并自动截图。

Frequently Asked Questions about qiaomu-info-card-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert text or a URL into a magazine-style info card image?

To convert text or a URL into a magazine-style info card, this Skill processes your input by extracting key information and rendering it as an HTML file, which is then automatically captured as a PNG screenshot using a local Playwright pipeline.

Does the info card generator support automatic content extraction from web links?

Yes, the info card generator supports automatic content extraction. By inputting a URL from platforms like X or Twitter, it automatically fetches the content, distills the main points, and generates a structured info card for sharing.

How do I handle long text when generating HTML info cards to prevent image cutoff?

To handle long text when generating HTML info cards, the tool features automatic long-output splitting. If the generated card exceeds the height limit, it automatically divides the content into multiple separate PNG images.

Do I need to install Playwright and Python to generate info card screenshots?

Yes, you need Playwright and a Python toolchain to generate info card screenshots. The rendering pipeline relies on these local environments, along with dependencies like Pillow and numpy, to ensure deterministic image generation and consistent local font rendering.

What is the best way to automate social media content creation from articles?

The best way to automate social media content creation from articles is using a tool that extracts key points from URLs and converts them into magazine-style info cards with automated screenshots, producing share-ready images for platforms like X.

Can I use markdown to design the layout of my automated info cards?

Yes, you can use markdown to design the layout of your automated info cards. The Skill supports markdown input which it transforms into HTML, rendering the final structure into a high-quality PNG image.