Ig Card Generator

把知識素材（文章、講稿、筆記、逐字稿，或只有一個主題）提煉成 IG 輪播知識圖卡：封面 hook → 每卡一概念 → 結尾 CTA。以約定 Markdown DSL 撰寫，經 lint（criteria 全過）後由 build script 產出 1080×1350 PNG 系列圖（支援深／淺色主題）。當使用者說「做 IG 圖卡」「知識圖卡」「輪播圖」「carousel」「把這篇做成圖卡」「IG 貼文圖」「圖卡系列」時使用。出圖完成後可銜接 promo-writer 產生貼文 caption。

14 stars 1 forksWriting & Content

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add dean9703111/ig-card-generator --skill ig-card-generator

Manual install

git clone --depth 1 https://github.com/dean9703111/ig-card-generator.git /tmp/ig-card-generator
mkdir -p ~/.claude/skills
cp -r /tmp/ig-card-generator/. ~/.claude/skills/ig-card-generator

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# IG Card Generator

素材 → 提煉（hook＋排卡）→ `content.md`（DSL）→ `node scripts/lint.mjs <dir>` 全過 → `node scripts/build.mjs <dir>` → `assets/cards/<theme>/NN.png` →（選用）promo-writer 產 caption

## 專案結構

```
.agents/skills/ig-card-generator/
├── SKILL.md
├── scripts/
│   ├── dsl.mjs        # DSL 解析＋渲染（build / lint 共用）
│   ├── config.mjs     # 兩層 config 載入（global → deck → frontmatter）
│   ├── lint.mjs       # criteria 檢查（可獨立執行）
│   └── build.mjs      # index.html + Puppeteer 逐卡出 PNG
├── reference/
│   ├── base.html          # 渲染模板（design token + 元件 CSS）
│   ├── hooks.md           # Hook 公式庫、排卡模板、每卡規則、CTA 公式
│   ├── content-example.md # 完整 DSL 範例
│   └── config-example.yaml
├── test/                  # node --test 單元測試（golden 快照）
└── example/               # 可直接 build 的煙霧測試 deck
    ├── config/global.yaml
    └── skill-plugin-mcp/{config.yaml, content.md}

<root>/
├── config/global.yaml     # 品牌層（handle、theme、accent/hot、background、avatar、criteria）
└── <deck-dir>/
    ├── config.yaml         # 本副牌覆蓋（選用）
    ├── content.md          # DSL 內容
    ├── brief.md            # cta_keyword 等提示（選用）
    ├── index.html          # build 產出（瀏覽器預覽，右下角切深淺色）
    ├── alt-text.md         # build 產出（每張卡的 IG 替代文字）
    ├── deck.json           # build 產出（卡片結構、字數、密度、lint 結果）
    ├── covers-preview.html # --covers 模式產出（封面並排對比預覽）
    ├── covers-preview.png  # --covers 模式產出（對比截圖）
    ├── caption.md          # promo-writer 產出（選用）
    └── assets/cards/{dark,light}/{NN.png, contact-sheet.png}
```

## Workflow

Read the full skill on GitHub

Details

Skill name: ig-card-generator
Repository: dean9703111/ig-card-generator
License: MIT
Repo updated: 26 July 2026

FAQ

What does the Ig Card Generator skill do?

How do I install the Ig Card Generator skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add dean9703111/ig-card-generator --skill ig-card-generator. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Ig Card Generator popular?

It lives in dean9703111/ig-card-generator, which has 14 GitHub stars and 1 forks.

Related skills

Curious Kid

rammcodes/Curious-Kid

Explains any technical or complex topic (programming, ML, networking, finance, medicine, science, etc.) using a very short, very simple story that a 5-year-old could follow, then maps the story back to the real concept. Use when the user asks to "explain like I'm 5", "ELI5", "Curious Kid", "explain with a story", or says they don't understand a technical concept and want it made simple and intuitive. Do not use for requests for precise technical detail, code review, or debugging.

Writing & Content

Humanizer Formal

jiutianxvanyin/humanizer-formal

降低商务与学术文本的 AI 生成感，中英文均适用。Removes AI-writing patterns from business and academic prose, in both Chinese and English. 用于审校已写好的报告、备忘录、论文、摘要、执行摘要，或在起草时预防机器腔。当用户要求「去 AI 味」「让文字更像人写的」「润色成正式书面语」「检查这段像不像 AI 写的」，或提交商务、学术文本请求改写时使用。Use when the user asks to humanize, de-slop, or remove the AI tone from a report, memo, paper, abstract, or executive summary. 不适用于随笔、营销文案、社交媒体、创意写作。Not for essays, marketing copy, social media, or creative writing.

Writing & Content

Google Docs

danielkwapien/google-docs-skill

Manage Google Docs and Google Drive with full document operations and file management. Includes Markdown support for creating formatted documents with headings, bold, italic, lists, tables, and checkboxes. Also supports Drive operations (upload, download, share, search).

Writing & Content

Human Readable Reports

SummerRiversound/human-readable-reports

Use when writing an analysis, report, findings, or status doc for humans to read and share — not a spec an agent executes. Fights AI verbosity/slop and makes deep content easy to read.

Writing & Content

Manuscript Writing

YSLAB-ai/manuscript-writing

Use when revising or reviewing scientific, technical, or academic manuscripts, proposals, abstracts, reports, or related writing for precision, concision, logical cohesion, citation support, evidence alignment, and objective scholarly tone.

Writing & Content

Hanxiaoyu Visual Story Comic

rolfie-han/hanxiaoyu-visual-story-comic

Turn original, public-domain, or user-authorized stories, scripts, articles, and outlines into coherent multi-page comics with stable characters, scenes, props, page plans, image prompts, optional image generation, and continuity review. Use when the user asks for 漫画、条漫、绘本式故事页、连续分镜图、story comic、webtoon, comic pages, or a narrative image sequence. Do not use for a single unrelated illustration, a pure film storyboard, or unauthorized imitation of protected characters and living artists.

Writing & Content

Browse the most popular Claude skills, all writing & content skills, or write your own with the skills generator.