ljg-card

Render user-provided content into PNG visuals using selectable layout molds.

Updated Jul 11, 2022

Search Tags:#playwright #png generation #infographic #whiteboard #manga style #sketchnote #content to image

Ready to run

npx skills add https://github.com/zhengfran/dotconfig --skill ljg-card-zhengfran

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ljg-card
Source: https://github.com/zhengfran/dotconfig/tree/main/tools/ai/agents/skills/ljg-card
Command: npx skills add https://github.com/zhengfran/dotconfig --skill ljg-card-zhengfran

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Transforms your input content into ready-to-share PNG visual cards, posters, infographics, sketchnotes, comics, or whiteboard-style boards—so you don’t have to design layouts manually.

Core Features & Use Cases

Multiple visual molds: long reading cards, infographics, multi-card reading posters, sketchnotes, B&W manga, and marker-layout whiteboards.
Content-driven rendering: the layout and visual structure are generated from your text, with consistent footer branding and optional source attribution.
Quality guardrails: applies shared taste constraints (anti-“AI look”) by reading the common references/taste.md baseline before rendering.

Quick Start

Tell the AI “铸 <your content> -l” to cast it into a single long reading card PNG and deliver the file path.

Frequently Asked Questions about ljg-card

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

FAQPage Schema

How do I convert text content into a PNG infographic or sketchnote?▼

Converting text content into a PNG infographic or sketchnote requires casting your input into selectable HTML layout molds and capturing a deterministic screenshot via Playwright to produce shareable visual artifacts.

Can I generate manga style or whiteboard layout images from a URL?▼

Yes, you can generate manga style or whiteboard layout images from fetched URLs by casting the extracted content into specific visual molds and rendering them as PNG outputs with optional source attribution in the footer.

Do I need Playwright installed to render long reading cards as PNG files?▼

Yes, Playwright is a required dependency for rendering long reading cards as it handles the deterministic HTML template rendering and screenshot capture needed to generate the final PNG files.

What is the best way to avoid the AI look when generating content-to-image visuals?▼

Avoiding the AI look in content-to-image visuals involves applying shared taste constraints by reading a common taste baseline reference before rendering to eliminate typical AI design artifacts.

What visual formats are supported for content-to-visual conversion besides infographics?▼

Content-to-visual conversion supports multiple visual formats including long reading cards, multi-card reading posters, sketchnotes, black and white manga style, and marker-layout whiteboards.

Does ljg-card support adding source attribution lines to multi-card reading posters?▼

Yes, ljg-card supports adding optional source attribution lines to multi-card reading posters by including source lines in the footer during the content-driven rendering process.