any2card

Convert text or URLs into mobile-first HTML information cards with PNG export.

34|4|Updated Apr 9, 2026
One-click install
npx skills add https://github.com/geekjourneyx/any2card --skill any2card
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: any2card
Source: https://github.com/geekjourneyx/any2card/tree/main
Command: npx skills add https://github.com/geekjourneyx/any2card --skill any2card

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

It transforms raw text, article links, or thread content into a structured, mobile-first HTML information card that preserves the message and makes it easy to read and share.

Core Features & Use Cases

  • Content extraction & restructuring: Pulls the core conclusion, key points, numeric facts, and quotes (without inventing content) from text or fetched web content.
  • Theme-first, structure-changing design: Selects a theme family that changes layout, rhythm, and information organization—not just colors—to match reading vs sharing goals.
  • Canvas strategy & layout decisions: Chooses auto, portrait, square, or landscape based on content density and intended viewing scenario.
  • Optional visual diagrams when useful: Uses Mermaid diagrams for causal chains/steps/concept relations and inline SVG for certain visual concepts, avoiding decoration when it adds no information.
  • Direct export workflow: Produces a browser-openable HTML output with a built-in one-click “save as PNG” button for social posts and messaging apps.

Quick Start

Provide the URL or text you want to convert, then follow the skill’s main recommendation plus two alternatives and confirm the canvas ratio and preference so it generates the final HTML card for saving as PNG.

Frequently Asked Questions about any2card

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

FAQPage Schema
How do I convert article links into HTML cards for social sharing?

To convert article links into HTML cards, provide the URL to extract core conclusions, key points, and quotes. The tool then restructures the content into a mobile-first HTML card with a one-click save as PNG button for social sharing.

Can I generate summary cards for WeChat and Xiaohongshu from raw text?

Yes, you can generate summary cards for WeChat and Xiaohongshu from raw text. The tool extracts numeric facts and key points without inventing content, then applies a theme-first design with canvas ratios like portrait or square to match viewing scenarios.

How do I export HTML information cards as PNG images?

To export HTML information cards as PNG images, the tool produces a browser-openable HTML output that includes an embedded one-click save action. You simply open the HTML page and click the button to save the visual card output as a PNG.

Does the HTML card generator support Mermaid diagrams for visual concepts?

Yes, the HTML card generator supports Mermaid diagrams for causal chains, steps, and concept relations, alongside inline SVG for visual concepts. It avoids decorative graphics and only includes diagrams when they add information value.

What is the best way to structure thread content into a mobile-first visual card?

The best way to structure thread content into a mobile-first visual card is selecting a theme family that changes layout and rhythm based on content density. You choose a canvas strategy like auto, portrait, or landscape, then confirm preferences to generate the HTML.

Do I need YAML to define entry parameters for HTML card generation?

Yes, you need YAML to define the name and description entry parameters for HTML card generation. Providing the text or URL alongside this YAML input allows the tool to extract content and apply the appropriate theme-first structural layout.