--- id: gh-ljg-card name: "ljg-card" url: https://skills.yangsir.net/skill/gh-ljg-card author: lijigang domain: content-creation tags: ["card", "visual", "content-creation", "image", "design"] install_count: 3100 rating: 4.40 (25 reviews) github: https://github.com/lijigang/ljg-skills --- # ljg-card > 内容铸卡工具，将任意文本内容转化为精美 PNG 视觉卡片，支持长图、信息图、多卡、视觉笔记、漫画、白板 6 种模式，内置多种设计风格，适合小红书和推特分享。 **Stats**: 3,100 installs · 4.4/5 (25 reviews) ## Before / After 对比 ### 内容铸卡工具，将效果 **Before**: 手动处理此类任务耗时且质量不稳定，依赖个人经验和工具熟练度。 **After**: 通过 ljg-card Skill 一键完成，AI 自动分析并生成高质量结果，大幅提升效率。 | Metric | Before | After | Change | |---|---|---|---| | 效率提升 | 100分钟 | 15分钟 | -85% | ## Readme # ljg-card: 铸 将内容铸成可见的形态。内容进去，PNG 出来。模具决定形状。 ## 参数 | 参数 | 模具 | 尺寸 | 说明 | |------|------|------|------| | `-l`（默认） | 长图 | 1080 x auto | 单张阅读卡，内容自动撑高 | | `-i` | 信息图 | 1080 x auto | 内容驱动的自适应视觉布局 | | `-m` | 多卡 | 1080 x 1440 | 自动切分为多张阅读卡片 | | `-v` | 视觉笔记 | 1080 x auto | 手绘风格 sketchnote，动态选择风格路线 | | `-c` | 漫画 | 1080 x auto | 日式黑白漫画风格，动态选择漫画家视觉语言 | | `-w` | 白板 | 1080 x auto | 白板马克笔风格，结构化框图+箭头+彩色标记 | ## 约束 本 skill 输出为视觉文件（PNG），不适用 L0 中的 Org-mode、Denote 和 ASCII-only 规范。 ## 共享基础 ### 获取内容 - URL --> WebFetch 获取 - 粘贴文本 --> 直接使用 - 文件路径 --> Read 获取 ### 文件命名 从内容提取标题或核心思想作为 `{name}`（中文直接用，去标点，≤ 20 字符）。 ### 截图工具 ```bash node ~/.claude/skills/ljg-card/assets/capture.js [fullpage] ``` 依赖：`~/.claude/skills/ljg-card/node_modules/` 中的 playwright。如报错： ```bash cd ~/.claude/skills/ljg-card && npm install playwright && npx playwright install chromium ``` ### Footer - 左侧：logo + 李继刚（已硬编码在模板中） - 右侧：内容来源（可选）——有明确来源时显示（如作者名、arxiv ID、网站名等），无来源时留空。使用 `{{SOURCE_LINE}}` 变量：有来源时填 `来源文字`，否则空字符串。适用于 `-l`、`-i`、`-v`、`-c`、`-w` 模具（`-m` 多卡无 footer，不适用）。 ### 交付 1. 报告文件路径 ## 品味准则 **所有模具共享**。执行任何模具前，先 Read `references/taste.md`，作为视觉质量底线贯穿全流程。 核心：反 AI 生成痕迹——禁 Inter 字体、禁纯黑、禁三等分卡片、禁居中 Hero、禁 AI 文案腔、禁假数据。 ## 执行 根据参数选择模具，Read `references/taste.md` + 对应的 mode 文件，按步骤执行： ### -l（默认）：长图 Read `references/mode-long.md`，按其步骤执行。 模板：`assets/long_template.html` ### -i：信息图 Read `references/mode-infograph.md`，按其步骤执行。 模板：`assets/infograph_template.html` ### -m：多卡 Read `references/mode-poster.md`，按其步骤执行。 模板：`assets/poster_template.html` ### -v：视觉笔记 Read `references/mode-sketchnote.md`，按其步骤执行。 模板：`assets/sketchnote_template.html` ### -c：漫画 Read `references/mode-comic.md`，按其步骤执行。 模板：`assets/comic_template.html` ### -w：白板 Read `references/mode-whiteboard.md`，按其步骤执行。 模板：`assets/whiteboard_template.html` --- *Source: https://skills.yangsir.net/skill/gh-ljg-card* *Markdown mirror: https://skills.yangsir.net/api/skill/gh-ljg-card/markdown*