Menü
MakerJackie 多平台内容适配工具：将已完成的文章适配到不同发布平台，使用极简硬核风格排版，比如微信公众号，小红书，推特等平台优化排版。核心场景是「一篇文章，多平台发布」的内容分发工作流。
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | mj-adapt |
| description | MakerJackie 多平台内容适配工具：将已完成的文章适配到不同发布平台，使用极简硬核风格排版，比如微信公众号，小红书，推特等平台优化排版。核心场景是「一篇文章，多平台发布」的内容分发工作流。 |
将已完成的文章适配到多个发布平台，自动生成各平台所需的格式和素材（默认生成全部平台）。
触发时机：用户已经写好一篇文章，需要将其发布到多个平台（微信公众号、小红书、知乎、推特等）。
核心任务：根据不同平台的要求，生成对应的格式和素材：
🚨 核心原则（最高优先级）：
平台适配规则：
<style> 放页面 reset、body 和 .slide 固定尺寸，不得引用 xhs-base.css。字体规范（重要）：
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif核心调整：
<img src="{date}-{slug}-cover.png">，尺寸 900x383，3px 黑色边框。此图片由 Step 4 渲染生成，另外保留候选封面图供发布前挑选。组件使用建议：
风格统一为「MakerJackie 极简硬核风」：白色背景、黑色粗边框、高对比度、Monospace 字体。
除非用户明确说“只要一个标题/一张封面”，否则必须先生成候选，再确定 primary：
output/{date}-{slug}/{date}-{slug}-title-cover-options.md
output/{date}-{slug}/{date}-{slug}-cover-a.htmloutput/{date}-{slug}/{date}-{slug}-cover-b.htmloutput/{date}-{slug}/{date}-{slug}-cover-c.htmloutput/{date}-{slug}/{date}-{slug}-cover-a.pngoutput/{date}-{slug}/{date}-{slug}-cover-b.pngoutput/{date}-{slug}/{date}-{slug}-cover-c.pngoutput/{date}-{slug}/{date}-{slug}-cover.htmloutput/{date}-{slug}/{date}-{slug}-cover.png候选标题和封面只用于发布素材选择，不得反向改写文章正文。
output/{date}-{slug}/{date}-{slug}-cover-a.html、cover-b.html、cover-c.html，每个包含一个 .cover 元素（900x383px，白底 + 黑边框 + 标题/日期/品牌）。generate-cover.js 将 .cover 截图成 PNG：
node generate-cover.js output/{date}-{slug}/{date}-{slug}-cover-a.html output/{date}-{slug}/
node generate-cover.js output/{date}-{slug}/{date}-{slug}-cover-b.html output/{date}-{slug}/
node generate-cover.js output/{date}-{slug}/{date}-{slug}-cover-c.html output/{date}-{slug}/
output/{date}-{slug}/{date}-{slug}-cover.png，微信公众号 HTML 中通过 <img src="{date}-{slug}-cover.png"> 引用此 primary 图片。{{DATE}} (YYYY-MM-DD，字号 14px)。{{BRAND_IDENTIFIER}} (字号 14px)。{{BRAND_IDENTIFIER}}。.slide 为一页独立图片，第一页直接从文章内容开始（无须独立封面页）。<style> 块只允许定义 reset、body 和 .slide 固定尺寸；不得在 <style> 中定义正文排版样式，不得引用 xhs-base.css。min-height，否则内容不满时会产出非标准尺寸图片）。<div data-role="content">...</div>。页码、作者标识等页脚放入 data-role="footer" 或 data-role="page-number"，不要混入正文容器。.slide 内容，确认无修改、无遗漏。xhs-slides.html.slide 页面的 xhs-slides.html。.slide 页面，逐字保留原文完整内容，使用内联样式（与微信公众号相同风格）。generate-xhs-slides.js 负责：将 .slide 截图成统一规格的 PNG。1080x1350（4:5 竖版），白底，正文字号 38px。使用 height: 1350px 而非 min-height。<style> 仅用于 reset、body 和 .slide 固定尺寸，不得引用 xhs-base.css。<div data-role="content">...</div> 中；页脚、页码用 data-role="footer" 或 data-role="page-number"。XHS_HTML_SPEC.mdxhs-slides.htmlxhs-slides.htmlxhs-01-*.html, xhs-02-*.html ... 调试用 HTML{date}-{slug}-1.png, {date}-{slug}-2.png ... 最终交付图片1080x1350 视口，deviceScaleFactor=2，最终 PNG 为 2160x2700。Underfilled non-final slide detected，必须重新合并分页后再渲染。只有调试旧样例时才使用 --allow-underfilled。fixtures/ 目录中的旧示例文件为杂志风格（已废弃），仅用于渲染器回归测试，不得参考其内容和布局。# 实际使用
node generate-xhs-slides.js output/2026-05-12-article-title.xhs-slides.html output/
# 回归测试（使用仓库内 fixture）
node generate-xhs-slides.js fixtures/2026-04-20-ai-subscription-bill-1785-monthly.xhs-slides.html ../../output/regression
根据文章内容自动适配社交媒体平台，将3000-5000字长文浓缩成200-500字的短内容。
A. 金句开头（观点类） 第一句话是有冲击力的观点，适合深度思考、行业洞察类文章。
B. 数据/成果冲击（测试/案例类） 第一句话抛出令人信服的数据或成果，适合评测、案例拆解类文章。
C. 价值主张直给（工具/方法类） 第一句话直接说明是什么、有什么用，适合教程、工具推荐类文章。
1. 开头（1-2句，30-50字）
- 金句/数据/价值主张
2. 展开（3-5句或列表，100-300字）
- 具体细节/数字
- 个人经历/真实案例
3. 结尾（1句，20-30字）
- 互动引导（评论区见/迟点分享）
- @提及（如涉及产品/人物）
配图生成前，先向用户展示设计方向选择，确认后再执行。
| 类型 | 说明 | 图片数量 |
|---|---|---|
| A. 仅封面 | 头条封面图 | 1张 |
| B. 正文配图 | 章节配图，辅助阅读理解 | 3-8张 |
| C. 全套配图 | 封面 + 正文全部 | 4-10张 |
| 文章长度 | 推荐配图数 | 包含 |
|---|---|---|
| < 1500字 | 2-3张 | 封面 + 1-2张正文 |
| 1500-3000字 | 4-6张 | 封面 + 每个核心章节1张 |
| 3000-5000字 | 6-8张 | 封面 + 章节图 + 信息图 |
| > 5000字 | 8-10张 | 不超过10张，避免过度打断 |
根据文章类型自动推荐风格，向用户展示选项并等待确认：
| 文章类型 | 推荐风格 |
|---|---|
| AI工具评测 | 极简专业 / 编辑杂志 / 数据信息图 |
| 技术教程 | 极简专业 / 手绘白板 / 编辑杂志 |
| 产品发布 | 编辑杂志 / 大字报 / 极简专业 |
| 深度分析 | 编辑杂志 / 数据信息图 / 极简专业 |
| 个人故事 | 温暖叙事 / 编辑杂志 |
| 行业观察 | 大字报 / 编辑杂志 / 数据信息图 |
01MVP 是 Maker Jackie 做的 AI 产品实战教程。makerjackie.com / 01mvp.com 固定并列塞进每篇内容。每篇文章只给一个主要动作：关注 Jackie，或者去 01mvp.com。根据文章类型自动适配 CTA (Call to Action) 区域：
{{CTA_LABEL}}: ABOUT 01MVP{{CTA_CONTENT}}: 01MVP 是 Maker Jackie 整理的 AI 产品实战手册，记录如何从一个想法出发，借助 AI 做出可上线的产品，并找到第一个真实用户。如果你正在用 AI 做产品，欢迎来 01mvp.com 从第一章开始。{{CTA_LABEL}}: ABOUT MAKER JACKIE{{CTA_CONTENT}}: 我是 Jackie，独立开发者，01MVP 作者。这里记录 AI 实践、独立开发、个人成长和一些阶段性的答案。系统化的 AI 产品实战教程，我放在 01mvp.com。#ffffff (白色)#000000 (黑色)#111111 (深灰)3px solid #000000 (黑色粗边框)#000000 (黑底白字)Menlo, Monaco, Consolas, 'Courier New', monospace
默认是仓库根目录的 output/{date}-{slug}/ 目录，slug 是文章标题的 URL 友好版本。
默认应包含：
{date}-{slug}-title-cover-options.md：5 个标题候选 + 3 个封面方向。{date}-{slug}-cover-a.png、{date}-{slug}-cover-b.png、{date}-{slug}-cover-c.png：公众号首图候选。{date}-{slug}-cover.png：当前 primary 公众号首图。{date}-{slug}-wechat.html：公众号正文 HTML。- 4px 浅灰色左边框 (#f0f0f0)
- 15px padding-left/right
- 灰色字体 (#888888)
- 用于次要信息、补充说明
- 顶部 3px 黑色边框
- 14px padding-top
- 包含：章节编号 + 标题
- 2px 黑色边框
- 16px padding
- 白色背景
- 包含：小标签 + 内容
- 黑色背景
- 白色文字
- 16-18px padding
- 用于重要观点
- 2px 黑色边框包裹的全卡片
- 包含：Jackie 头像、简介
- 包含：一个主 CTA，根据文章意图指向 Maker Jackie 或 01MVP
- 包含：联系邮箱或账号 ID
style 属性中position: fixed/sticky, float, transform 等box-sizing: border-boxmax-width 而非固定宽度<section style="margin:0;padding:24px 0;background-color:#ffffff;">
<section style="margin:0 auto;padding:0;max-width:677px;box-sizing:border-box;">
<!-- 内容区域 -->
</section>
</section>
<style> 仅用于 reset、body 和 .slide 固定尺寸，不引用 xhs-base.css格式：{date}-{slug}-wechat.html
示例：2026-04-09-why-i-make-ai-tutorials-wechat.html
格式：{date}-{slug}-{number}.png
示例：
2026-04-09-why-i-make-ai-tutorials-1.png2026-04-09-why-i-make-ai-tutorials-2.png示例：
2026-04-09-why-i-make-ai-tutorials-title-cover-options.md2026-04-09-why-i-make-ai-tutorials-cover-a.png2026-04-09-why-i-make-ai-tutorials-cover-b.png2026-04-09-why-i-make-ai-tutorials-cover-c.png2026-04-09-why-i-make-ai-tutorials-cover.png用户：我写好了一篇文章，需要发到公众号和小红书
[提供 Markdown 内容]
输出：
- 2026-04-20-article-title-wechat.html （复制到公众号编辑器）
- 2026-04-20-article-title-1.png （小红书第 1 页）
- 2026-04-20-article-title-2.png （小红书第 2 页）
- ...
用户：把这篇文章转成公众号格式
[提供文章文件路径或内容]
输出：
- 2026-04-20-article-wechat.html
用户：把 article.md 适配到各个平台
输出：
- 2026-04-20-article-wechat.html （公众号）
- 2026-04-20-article-1.png （小红书图1）
- 2026-04-20-article-2.png （小红书图2）
- ...
生成内容前，确保：
{date}-{slug}-cover.png<style> 块或 xhs-base.css，全部内联样式{{PLACEHOLDER}}。assets/wechat-template.htmlgenerate-xhs-slides.jsXHS_HTML_SPEC.mdassets/xhs-base.css（已废弃，仅用于旧 fixture 参考，不得在新生成中使用）MakerJackie 视频发布包工作流。用于用户提供本地视频、SRT 字幕、时间戳、头像、替换截图或当前公众号 HTML，并要求生成或更新 B 站标题/封面、B 站和 YouTube 章节、B 站描述、X 推广文案、微信公众号 HTML、makerjackie.com 博客 MDX、R2/assets.01mvp.com 图片链接、视频压缩建议或完整发布素材包时使用。
将本地视频、SRT 字幕和时间戳转成 MakerJackie 博客 MDX 与微信公众号 HTML。用于用户提供视频/SRT 后要求生成公众号图文、博客文章、视频截图、R2 图片链接或调用 mj-adapt 做平台适配的工作流。
MakerJackie 内容创作总入口。用于公众号文章、AI 教程、01MVP 实战指南、Twitter 长推、选题生成、写作调研、语音转文章、文章审校、视频脚本口语化、演讲/分享稿优化等内容工作流。仅当用户目标是产出、整理、修改、规划或发布前打磨内容时使用。不要因为用户单独说“查一下”“最新信息”“设计”“部署”就触发。
Generate 01MVP-style black-and-white article illustrations and visual concepts. Use when the user asks for 01MVP handbook/blog/docs/marketing images, Chinese article illustrations, shot lists, visual metaphors, compressed social-media-ready image assets, assets.01mvp.com uploads, or imagegen prompts that should feel concise, direct, high-impact, and visually consistent with the 01MVP operator style.
Use when the user asks Codex to coordinate Claude Code CLI for systematic repository audits, multi-agent code review, multi-round cleanup loops, bug/performance/architecture scans, or "Claude Code reviews, Codex judges, fixes, verifies, and commits".
Brutally evaluate and refine startup ideas with practical early-stage startup frameworks. Use when asked to pressure-test a startup idea, validate whether the problem is real, map competitors and current customer behavior, find the first 10 customers, define an MVP, create a 2-week launch plan, assess founder-market fit, or give a direct strong/weak/pivot verdict.