z-article-card

What This Skill Does

z-article-card is a powerful productivity tool for OpenClaw that transforms long-form text or Markdown articles into aesthetically pleasing, paginated 3:4 ratio PNG cards. It simplifies the process of content distribution, making long articles highly readable and visually engaging for platforms like WeChat, Little Red Book, or Instagram. The skill handles complex text layout by rendering Markdown via a headless browser engine, ensuring that typography and structure are preserved across multiple pages. Users can customize the look and feel through configurable parameters, allowing for unique branding across different social media channels.

Installation

To install this skill, ensure your system has Python 3 and a compatible browser (Google Chrome or Chromium) installed. Open your terminal and run the following command:

clawhub install openclaw/skills/skills/aatrooox/z-article-card

Once installed, confirm that your environment can access the chrome executable. For macOS, the default path is set to /Applications/Google Chrome.app. If you are using Linux, ensure chromium is in your system PATH.

Use Cases

This skill is perfect for creators and professionals who need to repurpose long-form content. Common use cases include:

1. Converting newsletters or deep-dive technical articles into social media carousels.
2. Creating visual summaries of meeting minutes or project documentation.
3. Formatting blog posts for platforms that favor image-heavy content over plain text walls.
4. Standardizing brand identity by applying specific hex codes and footer watermarks consistently across all shared posts.

Example Prompts

1. "长文：[粘贴你的文章内容]，帮我把这篇文章做成图，使用小红书风格。"
2. "把这篇 Markdown 文档分页卡片化，每页大概 300 字，高亮色改成蓝色，页脚写上我的个人专栏。"
3. "文章转图：抓取 https://example.com/article 并做成 3:4 分页卡片发布。"

Tips & Limitations

• Optimization: Keep the chars-per-page around 300 to ensure the text remains legible on mobile screens. Pushing too many characters onto one slide will reduce font size and hurt readability.
• Customization: Don't settle for default styles. You can modify assets/styles/md.css to inject your own CSS, allowing for custom fonts, spacing, or complex Markdown decorations.
• Limitations: Since the tool uses a browser engine to render layouts, it requires significant system resources. Avoid running extremely large batches simultaneously to prevent system memory bottlenecks. Always verify the output quality if you have embedded complex LaTeX math formulas or non-standard Markdown syntax.