メニュー
使用 Chromium 计算 CSS 级联并将公众号相关样式确定性写入每个元素的内联 style，随后删除全部 style 标签、外链样式、脚本、事件属性和 div，输出可复制粘贴的 article.ai.html。适用于 wechat-article-typeset 在预览前规范化 HTML，或修复公众号复制后样式丢失；不改写正文、不上传图片、不生成预览。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/shiker1996/wechat-newsroom-workbench --skill wechat-html-normalizerコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
把文章标题、摘要和封面主题 SPEC 转译成一张 900×383 的横向封面 HTML/CSS。适用于公众号文章封面 AI 视觉生成，不负责改写文章、生成图片或修改标题事实。
将 Markdown 中显式的 Mermaid 围栏渲染为 PNG，并用本地路径或经用户授权上传后的 HTTPS URL 替换原围栏。适用于 Mermaid 流程图、架构图、时序图和状态图转图片，或由 wechat-article-typeset 串行处理 images.md 工作文件。未经明确授权不得上传图片。
把已确认的故事板和事实内容设计成一组有主题、有层级、有节奏、可直接截图的小红书视觉卡片 HTML。适用于故事板完成后的 AI 视觉生成，不负责事实采集、事件分析或程序化页面渲染。
| name | wechat-html-normalizer |
| description | 使用 Chromium 计算 CSS 级联并将公众号相关样式确定性写入每个元素的内联 style，随后删除全部 style 标签、外链样式、脚本、事件属性和 div，输出可复制粘贴的 article.ai.html。适用于 wechat-article-typeset 在预览前规范化 HTML，或修复公众号复制后样式丢失；不改写正文、不上传图片、不生成预览。 |
把 article.ai.draft.html 转为不依赖外置 CSS 的 article.ai.html。必须运行脚本，不能只让模型手工搬运样式。
node scripts/normalize-html.mjs article.ai.draft.html article.ai.html
脚本在 Chromium 中完成 CSS 级联计算，将允许的 computed style 写入元素内联 style，再删除：
<style> 和 link[rel=stylesheet]<script>、iframe、form 及事件处理属性div；块级 div 转为 section，行内 div 转为 span远程 stylesheet 不允许联网加载；检测到时失败并报告 URL。需要的 CSS 必须先写进初稿 <style> 或元素内联样式。
width、min/max-width、height、min/max-height、定位坐标写入正文流元素。固定计算尺寸会在公众号窄容器重新换行后造成撑宽、重叠或异常留白。main/article 必须保持响应式：不得固化桌面居中产生的左右外边距或像素宽度。页面宽度交给公众号编辑器容器控制。脚本成功时输出 JSON 摘要。随后必须运行 wechat-html-check-no-div；最终 HTML 不得包含任何 <style>、stylesheet link、script、事件属性或 div，也不得在正文流元素上包含像素固定宽高。