Agent skill

Magazine Layout

by isjiamu in isjiamu/jiamu-skills

将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。

MITAuto-check passedDocuments & Office

Install Magazine Layout

skills CLI
$ npx skills add isjiamu/jiamu-skills --skill magazine-layout -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install isjiamu/jiamu-skills magazine-layout --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ 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-src

Use ~/.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/

Facts

Skill name
magazine-layout
GitHub stars
139
Token cost
~1.1k tokens
SKILL.md length
225 words
Files
4 (incl. scripts, references)
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。

  • Works in 4 steps: 用户提供文本内容 → 与用户讨论并选择合适的风格 → 根据选定风格生成完整HTML → …
  • Tasks that involve PDF
  • SKILL.md covers 快速开始, 工作流程, 长文分页处理 and 输出格式, plus 2 more sections
  • Runs Python scripts from its folder; calls python, pip and playwright

What it does

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.

When your agent uses it

  • Tasks that involve PDF

Example prompts

  • “magazine layout”
  • “/magazine-layout”

Requirements

  • Python 3

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. 用户提供文本内容
  2. 与用户讨论并选择合适的风格
  3. 根据选定风格生成完整HTML
  4. 可选:导出为PDF

What it can do on your machine

Read from SKILL.md and the folder at commit 3c21371. It shows what the files ask for, not the result of running them.

  • Tool permissions

    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.

  • Runs code

    Ships 1 file in scripts/ (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • python
    • pip
    • playwright
    • brew

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    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.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

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.

Always · name and description, kept in context so the agent knows when to use it
~53
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~11k

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.

Safety

Auto-check passed

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.

SKILL.md

The full file from isjiamu/jiamu-skills at commit 3c21371, republished under its MIT licence (© isjiamu). 225 words, ~1,129 tokens.

Download SKILL.mdSave it as .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.
name
magazine-layout
description
将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。

杂志排版设计师

将纯文本转换为专业设计的杂志风格HTML页面,使用Tailwind CSS实现精美排版。

快速开始

  1. 用户提供文本内容
  2. 与用户讨论并选择合适的风格
  3. 根据选定风格生成完整HTML
  4. 可选:导出为PDF

工作流程

第一步:分析内容结构

识别文本的结构元素:

  • 标题和副标题
  • 章节和小标题
  • 重要引言或金句
  • 列表和数据要点
  • 作者/日期信息
第二步:风格选择(与用户协商)

重要:必须向用户展示风格选项,与用户讨论后再确定。使用 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)开发者内容深色背景、荧光配色、终端风格

风格推荐逻辑:

  • 文学/散文类 → 推荐:经典优雅、复古怀旧
  • 技术/编程类 → 推荐:科技杂志、暗黑科技、现代极简
  • 商业/报告类 → 推荐:商务专业、新闻报道
  • 生活/旅行类 → 推荐:自然生活、时尚奢华
  • 观点/评论类 → 推荐:大胆社论、创意艺术
  • 学术/研究类 → 推荐:学术期刊

用户也可以:

  • 混合多种风格元素
  • 自定义颜色、字体
  • 调整页面尺寸和间距
第三步:生成HTML

从 references/styles.md 读取选定风格的模板,生成完整HTML。

生成规则:

  1. 严格使用选定风格的模板结构
  2. 保留用户原文的全部内容 - 绝不删减或总结
  3. 应用合适的排版组件:
    • 首段使用 drop-cap 首字下沉
    • 重要语句使用 blockquote 引言样式
    • 章节间使用风格专属的分隔线
    • 正确的标题层级 (h1 > h2 > h3)
  4. 必须包含智能分页CSS(见下方说明)
  5. 内容必须适应页面尺寸
  6. 包含所有CSS(内联或通过CDN引入Tailwind、Google Fonts)
  7. 输出完整、自包含的HTML文件

核心排版组件:

html
<!-- 首字下沉段落 -->
<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时必须保留:

css
/* 打印/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行段落
第四步:PDF导出(可选)

使用 scripts/html_to_pdf.py 脚本:

bash
# 检查可用引擎
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

引擎安装方法:

  • Playwright(推荐): pip install playwright && playwright install chromium
  • WeasyPrint: pip install weasyprint
  • wkhtmltopdf: brew install wkhtmltopdf (macOS)

长文分页处理

智能分页:所有模板已内置分页控制CSS,PDF导出时自动避免在以下位置分页:

  • 标题与正文之间
  • 引用块、高亮框、列表内部
  • 分隔线与下方内容之间

对于超长内容(需手动分割时):

  1. 在自然断点处分页(每页约800-1000字)
  2. 生成独立HTML文件:文章_第1页.html、文章_第2页.html
  3. 每页都是完整自包含的HTML(含完整CSS和分页控制)

输出格式

markdown
## 您的杂志页面

将以下代码保存为 `文章.html`:

\`\`\`html
<!DOCTYPE html>
...完整HTML代码...
\`\`\`

**查看方式:** 用浏览器打开 `文章.html`
**导出PDF:** `python scripts/html_to_pdf.py 文章.html`

风格定制

用户可能要求修改:

  • 颜色:修改CSS变量或Tailwind类
  • 字体:更新Google Fonts导入
  • 间距:调整padding、margin、line-height
  • 布局:修改页面宽高尺寸

在保持整体风格协调的前提下应用修改。

资源文件

scripts/
  • html_to_pdf.py - HTML转PDF脚本,支持多种渲染引擎(Playwright/WeasyPrint/wkhtmltopdf)
references/
  • 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

Files

SKILL.md and 3 other files (scripts, references) in magazine-layout of isjiamu/jiamu-skills.

  • SKILL.md
  • README.md
  • references/styles.md
  • scripts/html_to_pdf.py

Open the folder on GitHubat commit 3c21371

Compare with similar skills

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.

Magazine Layout compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Magazine Layout this skillisjiamu/jiamu-skills139—~1.1kAutomated safety check: PassMIT
Code2mediatsingliuwin/autoclaw283—~985Automated safety check: PassMIT
MarkitdownImCa0/just-laws78114 repos~3.2kAutomated safety check: NotesMIT
Gzh Designisjiamu/gzh-design-skill4k—~2.2kAutomated safety check: PassAGPL-3.0
GenOffice Document CLIgenspark-ai/genoffice9.2k—~19kAutomated safety check: PassApache-2.0
Harness Book Best Practicewquguru/harness-books3.2k—~4.1kAutomated safety check: PassNone

Similar skills

  • 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).

    283 GitHub stars~985 tokensUpdated yesterday
    Documents & OfficeAuto-check passed
  • Markitdown

    ImCa0/just-laws

    Convert files and office documents to Markdown. An agent skill from ImCa0/just-laws.

    781 GitHub starsUsed in 14 repos~3.2k tokens
    Documents & OfficeAuto-check: notes
  • Gzh Design

    isjiamu/gzh-design-skill

    微信公众号文章排版引擎,将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取,自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入(非 Markdown…

    4k GitHub stars~2.2k tokensUpdated 2 days ago
    Documents & OfficeAuto-check passed
  • GenOffice Document CLI

    genspark-ai/genoffice

    Creates, converts, reads and edits real pptx, xlsx, docx and PDF files locally through the genoffice command line.

    9.2k GitHub stars~19k tokensUpdated yesterday
    Documents & OfficeAuto-check passed
  • Harness Book Best Practice

    wquguru/harness-books

    Best practices for working on the Harness books repo. An agent skill from wquguru/harness-books.

    3.2k GitHub stars~4.1k tokensUpdated 5 mo ago
    Documents & OfficeAuto-check passed
  • 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.

    316 GitHub starsUsed in 1 repo~1.7k tokens
    Documents & OfficeAuto-check passed

More from isjiamu/jiamu-skills

All 11 skills in this repo
  • Video Downloader

    isjiamu/jiamu-skills

    Download videos from 1000+ websites (YouTube, Bilibili, Twitter/X, TikTok, etc.) using yt-dlp.

    139 GitHub stars~1.2k tokensUpdated 2 mo ago
    Auto-check passed
  • Stock Advisor

    isjiamu/jiamu-skills

    A股投资分析全自动流水线。触发场景:(1) 用户上传K线图或财报截图要求分析,(2) 用户提供A股股票代码或名称要求分析(如"分析一下平安银行"、"帮我看看000001"、"XX值得投资吗"),(3) 用户说"股票分析"、"投资分析"、"stock advisor"、"帮我分析股票"。

    139 GitHub stars~1.1k tokensUpdated 2 mo ago
    Auto-check passed
  • Gif Splitter

    isjiamu/jiamu-skills

    GIF动图切分工具,将超过指定帧数的GIF文件自动拆分成多个小文件。适用于微信公众号等平台上传GIF时遇到"帧数超限"的问题。

    139 GitHub stars~610 tokensUpdated 2 mo ago
    Auto-check passed
  • Sales AI Assistant

    isjiamu/jiamu-skills

    帮助销售人员将业务场景转化为AI提示词并自动生成销售内容(邮件、方案、分析等),无需学习如何编写提示词. An agent skill from isjiamu/jiamu-skills.

    139 GitHub stars~1.4k tokensUpdated 2 mo ago
    Auto-check passed
  • Peers Advisory Group

    isjiamu/jiamu-skills

    私董会专家助手,引导用户完成完整的私董会流程。通过四位顶级幕僚(巴菲特、比尔·盖茨、马斯克、乔布斯)的多轮提问和反馈,帮助用户深入剖析问题本质并获得可执行的解决方案。融合百度搜索和百度百科实时数据,让幕僚"带着数据聊"。触发场景:(1) 用户说"开始私董会"、"私董会"、"peers advisory",(2) 用户需要多角度分析复杂决策问题,(3) 用户希望获得不同商业领袖视角的建议,(4)…

    139 GitHub stars~1.2k tokensUpdated 2 mo ago
    Auto-check passed
  • Five Why

    isjiamu/jiamu-skills

    5Why 溯源顾问,通过连续追问"为什么"层层剥离问题表象,帮用户找到系统性的根本原因并制定根治对策. An agent skill from isjiamu/jiamu-skills.

    139 GitHub stars~803 tokensUpdated 2 mo ago
    Auto-check passed

Works with

Questions about Magazine Layout

What does Magazine Layout do?

将文本内容转换为精美的杂志风格HTML页面,支持专业排版和多种视觉风格。触发场景:(1) 用户想将文本/文章转换为杂志风格HTML,(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout",(3) 用户需要优雅排版的HTML页面,(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格,使用Tailwind CSS。. Magazine Layout is an agent skill from isjiamu/jiamu-skills.

When should I use Magazine Layout?

Magazine Layout fits situations like: tasks that involve PDF.

How do I install Magazine Layout in Claude Code?

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.

How do I install Magazine Layout in Codex?

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.

Can I use Magazine Layout in Cursor, Gemini CLI or GitHub Copilot?

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.

What does Magazine Layout need to run?

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.

Does Magazine Layout access the network?

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.

Is Magazine Layout safe to install?

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.

What licence does Magazine Layout use?

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.

How many tokens does Magazine Layout use?

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.

What are the alternatives to Magazine Layout?

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.

Who maintains Magazine Layout?

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.