Code2media
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).
将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。
$ npx skills add isjiamu/jiamu-skills --skill magazine-layout -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install isjiamu/jiamu-skills magazine-layout --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/isjiamu/jiamu-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/magazine-layout .claude/skills/magazine-layout && 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 "magazine-layout" agent skill from https://github.com/isjiamu/jiamu-skills/tree/main/magazine-layout into .claude/skills/magazine-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magazine-layout", 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/isjiamu/jiamu-skills/tree/main/magazine-layoutType 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 isjiamu/jiamu-skills --skill magazine-layout -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install isjiamu/jiamu-skills magazine-layout --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/isjiamu/jiamu-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/magazine-layout .agents/skills/magazine-layout && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "magazine-layout" agent skill from https://github.com/isjiamu/jiamu-skills/tree/main/magazine-layout into .agents/skills/magazine-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magazine-layout", 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 isjiamu/jiamu-skills --skill magazine-layout -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install isjiamu/jiamu-skills magazine-layout --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/isjiamu/jiamu-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/magazine-layout .cursor/skills/magazine-layout && 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 "magazine-layout" agent skill from https://github.com/isjiamu/jiamu-skills/tree/main/magazine-layout into .cursor/skills/magazine-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magazine-layout", 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/isjiamu/jiamu-skills.git --path magazine-layout--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 isjiamu/jiamu-skills --skill magazine-layout -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install isjiamu/jiamu-skills magazine-layout --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/isjiamu/jiamu-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/magazine-layout .gemini/skills/magazine-layout && 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 "magazine-layout" agent skill from https://github.com/isjiamu/jiamu-skills/tree/main/magazine-layout into .gemini/skills/magazine-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magazine-layout", 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 isjiamu/jiamu-skills magazine-layoutInstalls 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 isjiamu/jiamu-skills --skill magazine-layout -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/isjiamu/jiamu-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/magazine-layout .github/skills/magazine-layout && 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 "magazine-layout" agent skill from https://github.com/isjiamu/jiamu-skills/tree/main/magazine-layout into .github/skills/magazine-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magazine-layout", 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 isjiamu/jiamu-skills --skill magazine-layout -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install isjiamu/jiamu-skills magazine-layout --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/isjiamu/jiamu-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/magazine-layout .opencode/skills/magazine-layout && 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 "magazine-layout" agent skill from https://github.com/isjiamu/jiamu-skills/tree/main/magazine-layout into .opencode/skills/magazine-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magazine-layout", 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.
magazine-layout将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。
Magazine Layout is an agent skill from isjiamu/jiamu-skills. 将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including scripts and reference files (for example `README.md`, `references/styles.md` and `scripts/html_to_pdf.py`).
It sits in Documents & Office, covering PDF. It works with Tailwind CSS. The repository describes itself as: 甲木常用的 Agent Skills 集合,包含日常工作流中积累的高效技能扩展。 / A curated collection of Agent Skills for daily productivity workflows. The licence is MIT.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 3c21371. 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 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
pythonpipplaywrightbrewFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use pip, 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.
Magazine Layout loads about 1.1k tokens when it runs, and up to ~11k if it reads all its reference files. Until then it costs about 53 tokens; SKILL.md has 225 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 isjiamu/jiamu-skills at commit 3c21371, republished under its MIT licence (© isjiamu). 225 words, ~1,129 tokens.
.claude/skills/magazine-layout/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.将纯文本转换为专业设计的杂志风格HTML页面,使用Tailwind CSS实现精美排版。
识别文本的结构元素:
重要:必须向用户展示风格选项,与用户讨论后再确定。使用 AskUserQuestion 工具让用户选择。
阅读 references/styles.md 获取完整模板。
可选风格一览:
| 编号 | 风格名称 | 适用场景 | 视觉特点 |
|---|---|---|---|
| 1 | 经典优雅 (Classic Elegance) | 文学、散文、回忆录 | 衬线字体、暖色调、首字下沉、装饰性分隔线 |
| 2 | 现代极简 (Modern Minimalist) | 科技博客、现代文章 | 无衬线字体、大量留白、简洁线条 |
| 3 | 科技杂志 (Tech Magazine) | 编程、技术内容 | 渐变色彩、代码块样式、未来感设计 |
| 4 | 自然生活 (Nature & Lifestyle) | 生活方式、旅行、美食 | 自然绿色调、有机造型、手写风格点缀 |
| 5 | 大胆社论 (Bold Editorial) | 观点、评论文章 | 超大标题、高对比黑白、红色强调 |
| 6 | 复古怀旧 (Vintage Retro) | 历史、怀旧内容 | 复古边框、打字机字体、羊皮纸质感 |
| 7 | 商务专业 (Corporate Professional) | 商业报告、企业文档 | 海军蓝配色、清晰层级、专业严谨 |
| 8 | 创意艺术 (Creative Art) | 设计、艺术创作 | 不对称布局、色块装饰、手绘风格 |
| 9 | 学术期刊 (Academic Journal) | 学术论文、研究报告 | 双栏布局、摘要样式、引用格式 |
| 10 | 时尚奢华 (Fashion Luxe) | 时尚、奢侈品内容 | 金色点缀、优雅衬线、精致留白 |
| 11 | 新闻报道 (News & Report) | 新闻、新闻报道 | 报纸风格、多级标题、突发标签 |
| 12 | 暗黑科技 (Dark Mode Tech) | 开发者内容 | 深色背景、荧光配色、终端风格 |
风格推荐逻辑:
用户也可以:
从 references/styles.md 读取选定风格的模板,生成完整HTML。
生成规则:
drop-cap 首字下沉blockquote 引言样式核心排版组件:
<!-- 首字下沉段落 -->
<p class="drop-cap">首段文字内容...</p>
<!-- 引言/引用块 -->
<blockquote>
<p>"重要引言内容"</p>
<cite>— 来源</cite>
</blockquote>
<!-- 章节分隔线 -->
<div class="elegant-divider"><span>※</span></div>
<!-- 标题区域 -->
<header>
<h1>主标题</h1>
<p class="subtitle">副标题或导语</p>
</header>智能分页CSS(必须包含):
确保PDF导出时内容不会在元素中间被切断。每个模板已内置此CSS,生成HTML时必须保留:
/* 打印/PDF模式 */
@media print {
/* 标题后禁止分页 */
h1, h2, h3, .chapter-number, .chapter-title {
page-break-after: avoid; break-after: avoid;
}
/* 块级元素内部禁止分页 */
blockquote, .highlight-box, .stage-item, .question-item,
.code-block, .terminal, figure, img, table {
page-break-inside: avoid; break-inside: avoid;
}
/* 列表保持完整 */
ul, ol, .numbered-list, .stage-list {
page-break-inside: avoid; break-inside: avoid;
}
/* 分隔线后禁止分页 */
.elegant-divider, .divider, hr {
page-break-after: avoid; break-after: avoid;
}
/* 段落孤行寡行控制 */
p { orphans: 3; widows: 3; }
}
/* 非打印时也应用,确保PDF渲染一致 */
blockquote, .highlight-box, .code-block, .terminal, figure, img, table {
page-break-inside: avoid; break-inside: avoid;
}| CSS属性 | 效果 | 适用元素 |
|---|---|---|
page-break-inside: avoid | 元素内部禁止分页 | 引言、卡片、列表 |
page-break-after: avoid | 元素后禁止分页 | 标题、分隔线 |
orphans: 3 | 页底至少保留3行 | 段落 |
widows: 3 | 页顶至少保留3行 | 段落 |
使用 scripts/html_to_pdf.py 脚本:
# 检查可用引擎
python scripts/html_to_pdf.py --check
# 转换(自动检测最佳引擎)
python scripts/html_to_pdf.py magazine.html
# 指定输出文件名
python scripts/html_to_pdf.py magazine.html output.pdf
# 使用特定引擎
python scripts/html_to_pdf.py magazine.html --engine playwright引擎安装方法:
pip install playwright && playwright install chromiumpip install weasyprintbrew install wkhtmltopdf (macOS)智能分页:所有模板已内置分页控制CSS,PDF导出时自动避免在以下位置分页:
对于超长内容(需手动分割时):
文章_第1页.html、文章_第2页.html## 您的杂志页面
将以下代码保存为 `文章.html`:
\`\`\`html
<!DOCTYPE html>
...完整HTML代码...
\`\`\`
**查看方式:** 用浏览器打开 `文章.html`
**导出PDF:** `python scripts/html_to_pdf.py 文章.html`用户可能要求修改:
在保持整体风格协调的前提下应用修改。
html_to_pdf.py - HTML转PDF脚本,支持多种渲染引擎(Playwright/WeasyPrint/wkhtmltopdf)styles.md - 全部12种风格的完整模板,包含配色方案、字体设置、智能分页CSS和HTML模板代码© isjiamu, 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 3 other files (scripts, references) in magazine-layout of isjiamu/jiamu-skills.
Open the folder on GitHubat commit 3c21371
Magazine Layout 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 |
|---|---|---|---|---|---|---|
| Magazine Layout this skillisjiamu/jiamu-skills | 139 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Code2mediatsingliuwin/autoclaw | 283 | — | ~985 | Automated safety check: Pass | MIT | |
| MarkitdownImCa0/just-laws | 781 | 14 repos | ~3.2k | Automated safety check: Notes | MIT | |
| Gzh Designisjiamu/gzh-design-skill | 4k | — | ~2.2k | Automated safety check: Pass | AGPL-3.0 | |
| GenOffice Document CLIgenspark-ai/genoffice | 9.2k | — | ~19k | Automated safety check: Pass | Apache-2.0 | |
| Harness Book Best Practicewquguru/harness-books | 3.2k | — | ~4.1k | Automated safety check: Pass | None |
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).
ImCa0/just-laws
Convert files and office documents to Markdown. An agent skill from ImCa0/just-laws.
isjiamu/gzh-design-skill
微信公众号文章排版引擎,将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取,自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入(非 Markdown…
genspark-ai/genoffice
Creates, converts, reads and edits real pptx, xlsx, docx and PDF files locally through the genoffice command line.
wquguru/harness-books
Best practices for working on the Harness books repo. An agent skill from wquguru/harness-books.
gongnyang/bookforge
Produces book-style Korean ebook PDFs from a topic or finished manuscript, with six design styles, real book parts and quality-check gates before output.
isjiamu/jiamu-skills
Download videos from 1000+ websites (YouTube, Bilibili, Twitter/X, TikTok, etc.) using yt-dlp.
isjiamu/jiamu-skills
A股投资分析全自动流水线。触发场景:(1) 用户上传K线图或财报截图要求分析,(2) 用户提供A股股票代码或名称要求分析(如"分析一下平安银行"、"帮我看看000001"、"XX值得投资吗"),(3) 用户说"股票分析"、"投资分析"、"stock advisor"、"帮我分析股票"。
isjiamu/jiamu-skills
GIF动图切分工具,将超过指定帧数的GIF文件自动拆分成多个小文件。适用于微信公众号等平台上传GIF时遇到"帧数超限"的问题。
isjiamu/jiamu-skills
帮助销售人员将业务场景转化为AI提示词并自动生成销售内容(邮件、方案、分析等),无需学习如何编写提示词. An agent skill from isjiamu/jiamu-skills.
isjiamu/jiamu-skills
私董会专家助手,引导用户完成完整的私董会流程。通过四位顶级幕僚(巴菲特、比尔·盖茨、马斯克、乔布斯)的多轮提问和反馈,帮助用户深入剖析问题本质并获得可执行的解决方案。融合百度搜索和百度百科实时数据,让幕僚"带着数据聊"。触发场景:(1) 用户说"开始私董会"、"私董会"、"peers advisory",(2) 用户需要多角度分析复杂决策问题,(3) 用户希望获得不同商业领袖视角的建议,(4)…
isjiamu/jiamu-skills
5Why 溯源顾问,通过连续追问"为什么"层层剥离问题表象,帮用户找到系统性的根本原因并制定根治对策. An agent skill from isjiamu/jiamu-skills.
Works with
Categories
将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。. Magazine Layout is an agent skill from isjiamu/jiamu-skills.
Magazine Layout fits situations like: tasks that involve PDF.
Run `npx skills add isjiamu/jiamu-skills --skill magazine-layout -a claude-code`. Or copy the skill folder (magazine-layout in isjiamu/jiamu-skills) into .claude/skills/magazine-layout in your project. Claude Code loads it when a task matches its description.
Run `npx skills add isjiamu/jiamu-skills --skill magazine-layout -a codex`. Or copy the skill folder (magazine-layout in isjiamu/jiamu-skills) into .agents/skills/magazine-layout 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 isjiamu/jiamu-skills --skill magazine-layout -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/magazine-layout, .gemini/skills/magazine-layout, .github/skills/magazine-layout and .opencode/skills/magazine-layout in your project.
Going by SKILL.md and its folder, Magazine Layout needs Python for the scripts in its folder and the command-line tools its instructions call (python, pip, playwright and brew). Our summary lists: Python 3.
SKILL.md contains no URLs. Its commands use pip, 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.
Magazine Layout is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.1k tokens (SKILL.md is roughly 4.5k 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 9.6k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Magazine Layout: Code2media (tsingliuwin/autoclaw, 283 stars), Markitdown (ImCa0/just-laws, 781 stars), Gzh Design (isjiamu/gzh-design-skill, 4k stars) and GenOffice Document CLI (genspark-ai/genoffice, 9.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
isjiamu (a GitHub user) maintains it in isjiamu/jiamu-skills, which has 139 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on July 14, 2026.
Source: isjiamu/jiamu-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.