メニュー
为文章生成可截图的扁平化解释配图 HTML 页面。用于用户提供文章、草稿、段落或文件路径，并要求配图、文章插图、图解、公众号配图、生成 illustration 页面、帮我配图。输出是本地 HTML 文件，不直接生成 PNG/JPG，不用于 Logo、图标、海报、封面或非文章内容。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/gainubi/wechat-skills --skill article-illustratorコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Download Xiaoyuzhou FM podcast episode audio files from xiaoyuzhoufm.com/episode links. Use when the user provides a Xiaoyuzhou episode URL or says in Chinese or English that they want to download this podcast, download this Xiaoyuzhou podcast, download this episode, download the audio, save the podcast audio, get the .m4a file, extract the audio URL, or verify a Xiaoyuzhou audio download. Chinese trigger phrases include 帮我下载这个播客, 下载这个播客, 下载这个小宇宙播客, 下载这期小宇宙, 把这期播客音频下下来, 把这个音频保存下来.
大学生毕业论文 Word 排版技能。用于先收集学校 Word 模板、学院规范、任务书或示例论文，再对本科或硕士毕业论文进行 Word 版式整理、目录与编号校正、参考文献与图表题注检查，并输出可直接复核的排版执行清单。适用于用户说“给毕业论文排版”“按学校要求整理 Word”“检查论文格式”“论文目录标题编号不对”“把这篇论文整理成提交版”等场景。
公众号初稿写作技能。用于在选题和大纲已确认后，基于参考资料、语音底稿和文风 DNA 生成一版高保真初稿。适用于正文写作阶段，不负责选题、大纲和标题决策。
| name | article-illustrator |
| description | 为文章生成可截图的扁平化解释配图 HTML 页面。用于用户提供文章、草稿、段落或文件路径，并要求配图、文章插图、图解、公众号配图、生成 illustration 页面、帮我配图。输出是本地 HTML 文件，不直接生成 PNG/JPG，不用于 Logo、图标、海报、封面或非文章内容。 |
将文章内容转化为 Anthropic 风格的扁平化解释配图网页，方便用户打开后截图用于公众号、博客或长文。
配图不是装饰，是解释工具。
如果用户没有给文章内容，先请用户补充。文章少于 100 字时，提醒内容可能太短，但如果用户坚持，可以做单张概念图。
识别这些信息：
逐段判断哪里真的需要图解释。
优先选择这些位置：
不建议配图的位置：
默认先给配图建议，再等用户确认后生成 HTML。
如果用户明确说直接做、直接生成、帮我产出、无需确认，跳过确认，直接生成。
建议格式：
配图建议
【图 1】位置：第 X 到 Y 段
解释什么：核心关系或流程
适合图型：左右对比 / 横向流程 / 网格卡片 / 上下分层 / 单卡聚焦
建议比例：横图 / 竖图
【总结】
共 X 张图
优先做图 1，因为它解释文章最关键的概念
生成一个自包含 HTML 文件，保存到：
/Users/gai/Pictures/article-illustration-[timestamp].html
要求：
生成后检查文件：
#FBF8EF只使用以下颜色：
#2C2C2A#888780#B4B2A9，3px 圆头，opacity 0.6#D3D1C7，0.5px#E8DCC0#F1EFE8#7A8B5C，只用于自然、有机、健康、增长等含义#D85A30，每张图最多出现一次Tiempos Text, Source Serif Pro, Charter, Georgia, serif，weight 700Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, sans-serifui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospaceletter-spacing: 2px#D3D1C7优先横图，宽度控制在 800 到 900px。
竖图比例用 4:5 或 3:4。内容如果横向放不下，优先换布局，不要把字号压得很小。
#2C2C2A#888780#F1EFE8#F1EFE8#888780#E8DCC0、#2C2C2A、#D3D1C7参考形状：
#F1EFE8 背景和 #D3D1C7 细边框最终回复包含：
不要输出大段 HTML 内容到聊天窗口。