Reportlab
jimmc414/Kosmos
PDF generation toolkit. An agent skill from jimmc414/Kosmos.
Universal media renderer with no fixed template — any custom layout, size or style becomes pixel-perfect images (PNG/JPEG/WebP), vector SVG, paged PDFs or animations (WebP/GIF).
$ npx skills add tsingliuwin/autoclaw --skill code2media -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install tsingliuwin/autoclaw code2media --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/code2media .claude/skills/code2media && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "code2media" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/code2media into .claude/skills/code2media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code2media", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/tsingliuwin/autoclaw/tree/main/skills/code2mediaType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add tsingliuwin/autoclaw --skill code2media -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install tsingliuwin/autoclaw code2media --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/code2media .agents/skills/code2media && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "code2media" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/code2media into .agents/skills/code2media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code2media", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add tsingliuwin/autoclaw --skill code2media -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install tsingliuwin/autoclaw code2media --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/code2media .cursor/skills/code2media && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "code2media" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/code2media into .cursor/skills/code2media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code2media", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/tsingliuwin/autoclaw.git --path skills/code2media--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add tsingliuwin/autoclaw --skill code2media -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install tsingliuwin/autoclaw code2media --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/code2media .gemini/skills/code2media && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "code2media" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/code2media into .gemini/skills/code2media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code2media", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install tsingliuwin/autoclaw code2mediaInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add tsingliuwin/autoclaw --skill code2media -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/code2media .github/skills/code2media && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "code2media" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/code2media into .github/skills/code2media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code2media", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add tsingliuwin/autoclaw --skill code2media -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install tsingliuwin/autoclaw code2media --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/code2media .opencode/skills/code2media && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "code2media" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/code2media into .opencode/skills/code2media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code2media", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
code2mediaUniversal media renderer with no fixed template — any custom layout, size or style becomes pixel-perfect images (PNG/JPEG/WebP), vector SVG, paged PDFs or animations (WebP/GIF).
Code2media is an agent skill from tsingliuwin/autoclaw. Universal media renderer with no fixed template — any custom layout, size or style becomes pixel-perfect images (PNG/JPEG/WebP), vector SVG, paged PDFs or animations (WebP/GIF). Use when no dedicated scenario skill fits: 自定义图形/任意尺寸图片/数据图表卡片/一次性版式/长文转PDF/出动图/GIF动画/内容可视化. Do not use for posters or covers (poster-maker) or invoices/quotes/receipts (invoice-maker).
Its SKILL.md is about 960 tokens, which your agent loads only when the skill is triggered. The skill folder holds 11 other files, including scripts and reference files (for example `references/syntax-guide.md` and `scripts/package.json`).
It sits in Documents & Office, covering Forms and invoices, PDF and Design to code. It works with Tailwind CSS. The repository describes itself as: AutoClaw is a hyper-lightweight AI agent designed to live inside Docker containers. Unlike heavy, GUI-dependent agents, AutoClaw is built for headless, massive-scale concurrency. The licence is MIT.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit d9915d7. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 2 files in scripts/ (JavaScript), which the agent can run.
Shell commands in SKILL.md call:
nodenpmFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Code2media loads about 956 tokens when it runs, and up to ~2k if it reads all its reference files. Until then it costs about 94 tokens; SKILL.md has 136 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
The full file from tsingliuwin/autoclaw at commit d9915d7, republished under its MIT licence (© tsingliuwin). 136 words, ~956 tokens.
.claude/skills/code2media/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.把任意 HTML 变成可直接交付的多媒体:图片、矢量 SVG、分页 PDF、动图。底层是 Takumi 渲染引擎(纯计算,无浏览器、无 AI、无网络依赖),你写什么 HTML,输出就是什么像素——文字、排版、颜色 100% 精确,相同输入永远得到相同输出。
这是通用渲染技能:处理任意自定义图形与文档需求。海报、发票、证书等高频场景有各自独立优化的专属技能,任务精确匹配场景时优先用专属技能;没有匹配场景、或需要完全自定义的产物时,用本技能。
poster-maker;发票/报价单/收据/采购单 → invoice-makertemplates/ 里的现成模板(见下方清单);没有合适的再从零写。语法规则必须遵守 @references/syntax-guide.md,最重要的三条:tw 属性里(class 属性不编译 Tailwind,只匹配普通 CSS 选择器)bg-linear-to-br,不是 v3 的 bg-gradient-to-br)tw="w-full h-full ..."node "<技能目录>/scripts/render.mjs" --html card.html -o card.png --width 1200 --height 630OK 与文件存在,把输出路径告诉用户。渲染是毫秒级的,改模板重渲染的成本几乎为零——效果不满意就直接改了再跑。# 静态图片(png/jpeg/webp),尺寸自定
node scripts/render.mjs --html card.html -o card.png --width 1200 --height 630
# 矢量 SVG
node scripts/render.mjs --html badge.html -o badge.svg --width 560 --height 160
# 分页 PDF(a3/a4/a5/b4/b5/letter/legal/ledger,自动分页,可加页脚/标题/书签)
node scripts/render.mjs --html invoice.html --pdf -o invoice.pdf --size a4 --title "采购订单" \
--footer '<div style="width:100%;text-align:center;font-size:10px;color:#94a3b8">第 <span class="pageNumber"></span> 页 / 共 <span class="totalPages"></span> 页</div>'
# 动图(CSS @keyframes 按时间采样,输出 webp/gif/apng)
node scripts/render.mjs --html anim.html --animation webp -o anim.webp --width 480 --height 480 --fps 30 --duration 1200
# 附加样式表 / 指定字体 / 跳过字体
node scripts/render.mjs --html card.html -o card.png --css extra.css
node scripts/render.mjs --html card.html -o card.png --font /path/MyFont.ttf
node scripts/render.mjs --html card.html -o card.png --no-fonts # 纯拉丁文字时更快JPEG/WebP 可加 --quality 80。PDF 表格加 style="break-inside:avoid" 防止行被劈开,<thead> 会跨页自动重复。
通用示例模板,展示引擎能力面。海报/封面/OG 图在 poster-maker 技能,发票/报价单在 invoice-maker 技能。
| 文件 | 用途 | 建议参数 |
|---|---|---|
metrics-card.html | KPI 数据指标卡(1600x900) | 图片 |
certificate.html | 结业证书/奖状(1414x1000,金色边框) | 图片 |
weekly-report.html | 单页 A4 运营周报(KPI + 纯 div 柱状图) | --pdf |
badge.html | SVG 徽章/发布标签(560x160) | 图片(输出 .svg) |
animation.html | 品牌 Logo 脉冲动画(480x480) | --animation webp |
要批量生成(如 200 份证书、按订单出发票)时:写一个循环脚本,读数据(CSV/JSON),把每条数据填进同一份模板后循环调用 render.mjs。单张渲染约几十毫秒,200 份几秒完成;输出确定性意味着同一份数据永远得到同样的文件。
npm install(安装进 scripts/ 目录),之后离线可用;若目标环境完全断网,需在有网环境预装后再拷贝,或提前执行一次安装。font-noto-cjk(Alpine)或 fonts-noto-cjk(Debian)后重跑;或用 --font 指定字体文件。详见 @references/syntax-guide.md。Error 开头输出在 stderr,按提示修正模板后重试。© tsingliuwin, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 8 other files (scripts, references) in skills/code2media of tsingliuwin/autoclaw.
Open the folder on GitHubat commit d9915d7
Code2media next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Code2media this skilltsingliuwin/autoclaw | 280 | — | ~956 | Automated safety check: Pass | MIT | |
| Reportlabjimmc414/Kosmos | 594 | 1 repos | ~4.2k | Automated safety check: Pass | None | |
| PDF ReadingWide-Moat/open-computer-use | 126 | 1 repos | ~2.7k | Automated safety check: Pass | Proprietary | |
| PDF Processing Toolkittelagod/code-abyss | 244 | — | ~532 | Automated safety check: Notes | MIT | |
| Document Converter Suitedkyazzentwatwa/chatgpt-skills | 112 | — | ~386 | Automated safety check: Pass | None | |
| Create PDFtheexperiencecompany/gaia | 308 | — | ~1.4k | Automated safety check: Pass | Custom licence |
jimmc414/Kosmos
PDF generation toolkit. An agent skill from jimmc414/Kosmos.
Wide-Moat/open-computer-use
A skill your agent uses when you need to read, inspect, or extract content from PDF files — especially when file content is NOT in your context and you need to read it from disk.
telagod/code-abyss
Picks the right Python library or CLI tool for a PDF task, text and table extraction, merging, splitting, OCR, watermarking or form filling, and points to a matching recipe.
dkyazzentwatwa/chatgpt-skills
Convert PDFs, Office docs, markdown, HTML, and tables between editable formats.
theexperiencecompany/gaia
Generate a polished, printable PDF — reports, letters, invoices, resumes, one-pagers.
davila7/claude-code-templates
PDF manipulation toolkit. An agent skill from davila7/claude-code-templates.
tsingliuwin/autoclaw
开发票/生成发票/报价单/收据/采购单/对账单/账单/付款通知 — formal business documents as paged PDFs with proper tables, right-aligned amounts, tax lines, repeating headers and page-number footers.
tsingliuwin/autoclaw
生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs.
Works with
Categories
Universal media renderer with no fixed template — any custom layout, size or style becomes pixel-perfect images (PNG/JPEG/WebP), vector SVG, paged PDFs or animations (WebP/GIF). Code2media is an agent skill from tsingliuwin/autoclaw. Universal media renderer with no fixed template — any custom layout, size or style becomes pixel-perfect images (PNG/JPEG/WebP), vector SVG, paged PDFs or animations (WebP/GIF).
Code2media fits situations like: no dedicated scenario skill fits: 自定义图形/任意尺寸图片/数据图表卡片/一次性版式/长文转PDF/出动图/GIF动画/内容可视化; covers (poster-maker); invoices/quotes/receipts (invoice-maker).
Run `npx skills add tsingliuwin/autoclaw --skill code2media -a claude-code`. Or copy the skill folder (skills/code2media in tsingliuwin/autoclaw) into .claude/skills/code2media in your project. Claude Code loads it when a task matches its description.
Run `npx skills add tsingliuwin/autoclaw --skill code2media -a codex`. Or copy the skill folder (skills/code2media in tsingliuwin/autoclaw) into .agents/skills/code2media in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add tsingliuwin/autoclaw --skill code2media -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/code2media, .gemini/skills/code2media, .github/skills/code2media and .opencode/skills/code2media in your project.
Going by SKILL.md and its folder, Code2media needs JavaScript for the scripts in its folder and the command-line tools its instructions call (node and npm). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Code2media is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 956 tokens (SKILL.md is roughly 3.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.1k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Code2media: Reportlab (jimmc414/Kosmos, 594 stars), PDF Reading (Wide-Moat/open-computer-use, 126 stars), PDF Processing Toolkit (telagod/code-abyss, 244 stars) and Document Converter Suite (dkyazzentwatwa/chatgpt-skills, 112 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
tsingliuwin (a GitHub user) maintains it in tsingliuwin/autoclaw, which has 280 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on September 6, 2026.
Source: tsingliuwin/autoclaw on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.