ljg-library

Generate a PNG library card with cover art and hand-drawn SVG diagram.

6.8k|781|Updated Mar 8, 2026
One-click install
npx skills add https://github.com/lijigang/ljg-skills --skill ljg-library
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ljg-library
Source: https://github.com/lijigang/ljg-skills/tree/main/skills/ljg-library
Command: npx skills add https://github.com/lijigang/ljg-skills --skill ljg-library

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

A book often ends up as text without a clear, shareable takeaway. ljg-library turns a book into a visual, self-contained learning artifact—a collectible "library card" that distills the book's core perspective and presents it as a compact, printable card with a hand-drawn diagram.

Core Features & Use Cases

  • Visual distillation: extracts the book's unique frame of thinking and expresses it as a frame sentence plus a descriptive expansion.
  • Card generation: produces a PNG library card that includes cover art, author avatar, metadata, and a hand-drawn SVG diagram illustrating the book's perspective.
  • Local rendering pipeline: renders HTML → captures a PNG card via a reusable capture workflow, with a color-accent derived from the cover. Use Case: educators and students want a tangible, shareable artifact that communicates a book's one-sentence takeaway and the thinking behind it.

Quick Start

Provide a book title and optionally its frame idea, then run the render pipeline to produce the PNG library card.

Frequently Asked Questions about ljg-library

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

FAQPage Schema
How do I turn a book into a visual learning card?

To turn a book into a visual learning card, you provide a book title and optionally a frame idea. The skill distills the book's core perspective into a frame sentence and renders a collectible PNG library card with a hand-drawn SVG diagram.

What is the best way to create a printable book summary card with hand-drawn SVG diagrams?

Creating a printable book summary card with hand-drawn SVG diagrams is best handled by a localized rendering pipeline. The process generates an HTML frame, extracts cover accent colors, and captures a publication-ready PNG card.

How does book visualization work for generating a frame sentence and descriptive expansion?

Book visualization works by extracting a book's unique frame of thinking and expressing it as a frame sentence plus a descriptive expansion. This visual distillation captures the core perspective without needing the entire text.

Can I generate a PNG library card from book references and assets without manual graphic design?

Yes, you can generate a PNG library card from references and assets without manual graphic design. The automated rendering pipeline handles cover retrieval, author avatar extraction, and final HTML to PNG capture.

Does the book card rendering pipeline use cover art to extract accent colors?

Yes, the book card rendering pipeline extracts accent colors directly from the cover art. This derived color-accent is applied to the final rendered HTML and captured PNG to ensure visual consistency.

What are the limitations of using HTML to PNG capture for book card generation?

The limitations of using HTML to PNG capture for book card generation include relying on a consistent rendering pipeline and reusable capture workflow. You must provide accurate references and assets to successfully produce the final self-contained artifact.