skills.rest
zhengfran
zhengfranCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/zhengfran/dotconfig --skill ljg-card-zhengfran
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
AcosmiAcosmi
6

web-fetch

Fetch web pages via HTTP GET and extract readable content in markdown, text, or raw modes.

Community
Intermediate
dososodososo
138

blcaptain-style-skill

Generate social media cards and covers from text using Python templates.

Community
Intermediate
bruno0henriquebruno0henrique

template-designer

Generate and refine HTML/CSS visual templates for AI design agents.

Community
Advanced
hmzainjamilhmzainjamil
1

infographic

Plan infographic layouts and content structure with visual design specifications.

Community
Intermediate