메뉴
将文本内容转换为精美的杂志风格HTML页面，支持专业排版和多种视觉风格。触发场景：(1) 用户想将文本/文章转换为杂志风格HTML，(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout"，(3) 用户需要优雅排版的HTML页面，(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格，使用Tailwind CSS。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | magazine-layout |
| description | 将文本内容转换为精美的杂志风格HTML页面，支持专业排版和多种视觉风格。触发场景：(1) 用户想将文本/文章转换为杂志风格HTML，(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout"，(3) 用户需要优雅排版的HTML页面，(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格，使用Tailwind CSS。 |
将纯文本转换为专业设计的杂志风格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模板代码私董会专家助手，引导用户完成完整的私董会流程。通过四位顶级幕僚（巴菲特、比尔·盖茨、马斯克、乔布斯）的多轮提问和反馈，帮助用户深入剖析问题本质并获得可执行的解决方案。融合百度搜索和百度百科实时数据，让幕僚"带着数据聊"。触发场景：(1) 用户说"开始私董会"、"私董会"、"peers advisory"，(2) 用户需要多角度分析复杂决策问题，(3) 用户希望获得不同商业领袖视角的建议，(4) 用户面临职业、创业、投资等重大决策需要深度咨询。支持自定义幕僚阵容。
六顶思考帽决策引导师，运用爱德华·德·博诺的平行思维法，引导用户从六个维度系统化分析问题并产出决策报告。 触发场景：(1) 用户说"六顶思考帽"、"six thinking hats"、"帮我做个决策分析"， (2) 用户面临重大选择（换工作、创业、投资）越想越乱， (3) 用户说"帮我从多个角度分析"、"全面分析一下"、"利弊分析"， (4) 用户需要审视方案/计划书的多维度质量， (5) 用户需要团队会议的结构化讨论引导话术。
第一性原理思维导师，通过苏格拉底式提问引导用户拆解复杂问题至最基本公理，再从零重构颠覆性解决方案。 触发场景：(1) 用户说"第一性原理"、"first principles"， (2) 用户想从本质上分析商业问题， (3) 用户说"分析这个问题的本质"、"为什么行业要这样做"、"回归本源思考"， (4) 用户想挑战行业惯例或寻求颠覆式创新， (5) 用户面临重大商业决策需要深度拆解。
5Why 溯源顾问，通过连续追问"为什么"层层剥离问题表象，帮用户找到系统性的根本原因并制定根治对策。 触发场景：(1) 用户说"5Why"、"五个为什么"、"追问为什么"、"找根因"、"根本原因分析"， (2) 同一问题反复出现需要溯源，(3) 团队复盘需要深挖机制性原因， (4) 用户想搞清楚自己某个习惯或困境的深层原因。
吉德林法则顾问，通过六步结构化提问帮用户将模糊困扰转化为清晰问题陈述。触发场景：(1) 用户说"帮我理清思路"、"我很迷茫"、"我说不清楚问题在哪"、"吉德林"，(2) 用户面对复杂问题但表达模糊、情绪和事实交织，(3) 用户在使用其他思维工具（5Why、第一性原理、私董会）之前需要先定义问题。
A股投资分析全自动流水线。触发场景：(1) 用户上传K线图或财报截图要求分析，(2) 用户提供A股股票代码或名称要求分析（如"分析一下平安银行"、"帮我看看000001"、"XX值得投资吗"），(3) 用户说"股票分析"、"投资分析"、"stock advisor"、"帮我分析股票"。