code2media SKILL.md skillA
code2media from tsingliuwin/autoclaw is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add tsingliuwin/autoclaw/code2media@v1.3.0Pins v1.3.0 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- tsingliuwin/autoclaw
- Path
skills/code2media/SKILL.md- Versions recorded
- 4
- Latest version
- v1.3.0, committed Oct 10, 2026
- First version recorded
- Sep 3, 2026
- Size
- 6,157 bytes
- Repository stars
- 295
- License
- MIT
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).
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# 代码转多媒体 把任意 HTML 变成可直接交付的多媒体:图片、矢量 SVG、分页 PDF、动图。底层是 Takumi 渲染引擎(纯计算,无浏览器、无 AI、无网络依赖),**你写什么 HTML,输出就是什么像素**——文字、排版、颜色 100% 精确,相同输入永远得到相同输出。 这是**通用渲染技能**:处理任意自定义图形与文档需求。海报、发票、证书等高频场景有各自独立优化的专属技能,任务精确匹配场景时优先用专属技能;没有匹配场景、或需要完全自定义的产物时,用本技能。 ## 何时使用 - 用户要**自定义/长尾**的图形与文档:上面场景技能没覆盖的尺寸、结构、风格,数据驱动的图表卡片,一次性版式 - 用户要**动图**:加载动画、动态徽章、社媒动图 - 任务明确命中高频场景时优先用专属技能(它们有独立的排版规范与质量清单):海报/封面/分享卡 → `poster-maker`;发票/报价单/收据/采购单 → `invoice-maker` - 不适用:艺术创作、照片类图像(用平台的 AI 生图能力);截图现实网页(用浏览器/截图工具) ## 工作流程 1. **选起点**:优先修改 `templates/` 里的现成模板(见下方清单);没有合适的再从零写。模板展示的是结构与能力面——配色与气质按任务重新决策,别把示例样式当默认交付。语法规则必须遵守 `@references/syntax-guide.md`,最重要的三条: - Tailwind 工具类写在 **`tw` 属性**里(`class` 属性不编译 Tailwind,只匹配普通 CSS 选择器) - 用 Tailwind v4 规范名(渐变是 `bg-linear-to-br`,不是 v3 的 `bg-gradient-to-br`) - 根元素撑满画布:`tw="w-full h-full ..."` 2. **写出 HTML 片段文件**(不需要完整 HTML 文档),数据直接填进模板。 3. **运行渲染脚本**: ```bash node "<技能目录>/scripts/render.mjs" --html card.html -o card.png --width 1200 --height 630 ``` 首次运行会自动安装 takumi-js / takumi-pdf(一次性,需网络);之后完全离线。 4. **校验并交付**:确认脚本输出 `OK` 与文件存在,把输出路径告诉用户。渲染是毫秒级的,改模板重渲染的成本几乎为零——效果不满意就直接改了再跑。 ## 命令速查 ```bash # 静态图片(png/jpeg/webp),尺寸自定 …
Read the whole file at its exact version.
How to install
mdr add tsingliuwin/autoclaw/code2media@sha256:cdd8cc0cb2ac9849The line at the top of this page pins the label v1.3.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_axcamnk6lhjpqjd4)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 4 versions of this file, between Sep 3, 2026 and Oct 10, 2026, about one every 12 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| v1.3.0 latest | 2026-10-10 | 691f7e8 | 6,157 B | A | view · diff |
| v1.2.2 | 2026-09-06 | e5e6452 | 5,891 B | A | view · diff |
| v1.2.1 | 2026-09-03 | c051d39 | 5,889 B | A | view · diff |
| v1.2.0 | 2026-09-03 | fb46dd1 | 6,103 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (6157 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
tsingliuwin/autoclaw · 295 stars · license MIT · pushed 2026-10-10 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_axcamnk6lhjpqjd4 GET https://markdownregistry.com/api/v1/resolve?ref=tsingliuwin/autoclaw/code2media GET https://markdownregistry.com/api/v1/blob/cdd8cc0cb2ac984933dd812e6c2b4af554bf50ef861902503619f310ce913e6d
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.