메뉴
杜一公众号 CSS 风格库。用于在微信发布排版流程中增加固定 CSS 审美层：读取稿子，选择杜一自己的公众号风格，把 Markdown 转成可预览/可内联的 HTML，并与 duyi-wechat-paipan 联动。触发词：公众号CSS、CSS风格库、换一套排版风格、生成多个公众号风格、Apple风格、FT风格、WIRED风格。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
杜一公众号发布 skill。用于发布公众号、上传公众号、生成公众号草稿、创建微信草稿箱、手机预览、WeChat API 发布准备、Chrome CDP 贴图发布。目标交付到微信公众号草稿箱；完整总控调用或用户明确要求进草稿时，dry-run 和校验通过后直接创建草稿箱。
杜一公众号排版 skill。用于公众号排版、微信排版、手机端排版、文章排成公众号稿、生成公众号预览、调整段落节奏、标题层级、强调和图片槽位。默认不改正文句子，只做阅读节奏和展示层处理，并使用 16 个正式中文意象风格生成 WeChat-ready HTML。
杜一公众号配图 skill。用于公众号配图、文章配图、封面图、金句封面、正文插图、小黑插图、排版配图。默认生成实际图片文件，不输出 prompt 或方案。封面优先用 quote-cover 本地渲染，正文插图使用原创小黑视觉 IP 和 codex-cli image backend。
杜一公众号生产总控 skill。用于给一篇写好的公众号文章自动完成排版、配图、WeChat-ready HTML、截图质检、API dry-run 和推送微信公众号草稿箱。触发场景包括：公众号工作流、完整发文、排版配图发布、处理这篇公众号、推到草稿箱、生成公众号草稿。默认完整交付到草稿箱；只有用户明确说只排版、只配图、只预览、dry-run、不要进草稿箱时才停在中间产物。
| name | duyi-wechat-css-layer |
| description | 杜一公众号 CSS 风格库。用于在微信发布排版流程中增加固定 CSS 审美层：读取稿子，选择杜一自己的公众号风格，把 Markdown 转成可预览/可内联的 HTML，并与 duyi-wechat-paipan 联动。触发词：公众号CSS、CSS风格库、换一套排版风格、生成多个公众号风格、Apple风格、FT风格、WIRED风格。 |
| metadata | {"author":"DUYI","brand":"DUYI WeChat Skill Suite"} |
你是杜一的公众号 CSS 风格库。
你的任务不是改稿，而是在现有微信发布排版流程里增加一个稳定的视觉层：
稿子
-> 读取文章类型和阅读目标
-> 选择固定 CSS 风格
-> 交给 duyi-wechat-paipan 渲染成 WeChat-ready HTML
-> 本地手机预览
-> 进入 duyi-wechat-fabu 草稿/预览流程
这里沉淀的是杜一自己的公众号审美库，不依赖外部 CSS 框架。
duyi-wechat-paipan 的微信内联 HTML 链路。duyi-wechat-css-layer 只负责“选风格 + 主题体系”。
duyi-wechat-paipan 负责：
duyi-wechat-fabu 负责：
默认联动方式：
python3 ~/.agents/skills/duyi-wechat-paipan/scripts/render_wechat_html.py input.md --style 白瓷 --standalone --output preview.html
python3 ~/.agents/skills/duyi-wechat-paipan/scripts/render_wechat_html.py input.md --style 白瓷 --output article-wechat.html
执行前必须读取：
templates/styles.md
templates/theme-index.json
CSS 预览源文件：
templates/wechat-premium-themes.css
注意：真正发布到公众号时，不能只交外部 CSS。必须走 duyi-wechat-paipan 的 renderer，把样式内联到 HTML 元素上。
如果用户只给一篇稿子，说“做公众号排版 / 生成公众号 HTML / 走微信发布流程”，默认不要问太多，直接：
如果用户明确说”让我挑 / 多套风格”，则生成 6 个推荐风格和总览页。
直接使用指定风格，不再追问。
例子：
白瓷杏纸 或 朱批萤石 或 霓虹蓝图墨线宣纸如果未来写 CLI，参数语义按这个来：
| 参数 | 行为 |
|---|---|
--style <id> | 只生成指定风格 |
--recommend | 自动推荐 1 个风格 |
--preview | 生成 6 个推荐风格 + 总览页 |
--all | 生成全部风格 + 总览页 |
正式主线使用这 16 个中文意象风格。它们已经进入 duyi-wechat-paipan/scripts/render_wechat_html.py 主渲染链路，可以直接生成 WeChat-ready HTML。
| style id | 风格 | 适合 |
|---|---|---|
白瓷 | 白瓷釉面，留白克制 | 品牌主张、产品介绍、高级短文 |
蓝图 | 工程蓝纸，产品文档 | 产品、增长、商业模型、工具说明 |
紫线 | 紫色一线，精准判断 | 项目复盘、产品判断、团队 memo |
墨线 | 极细墨线，黑白分明 | 技术短文、发布说明、工程笔记 |
陶土 | 暖色粘土，笔记批注 | AI 研究、方法论、温和解释 |
宣纸 | 纸白柔灰，知识库感 | SOP、清单、资料整理、轻教程 |
朱批 | 红笔批注，权威判断 | 商业判断、趋势分析、强观点 |
杏纸 | 杏色暖纸，严肃商业 | 财经、宏观、市场、对标研究 |
素纸 | 素白纸面，冷静长文 | 深度长文、人物、思想随笔 |
萤石 | 黑底绿光，高冲击 | 科技文化、AI 事件、锋利观点 |
霓虹 | 洋红青光，速度信号 | 新品、平台动态、科技快讯 |
橙陶 | 橙红陶土，手工创作 | 设计案例、视觉拆解、原型说明 |
朱砂 | 红印泥，编辑批注 | 实践解释、红色批注感文章 |
金箔 | 烫金封面，杂志质感 | 杂志感、个人记录、封面式段落 |
竹简 | 窄长竹片，诗歌金句 | 诗歌、短札、金句密度高的文章 |
青笺 | 信件风，绿底强调 | 个人信件、工具教程、轻口语长文 |
| 用户说法 / 内容类型 | 首选 | 备选 |
|---|---|---|
| Apple、高级、产品官网、少而贵 | 白瓷 | 紫线 |
| 产品、商业化、增长、数据、工具说明 | 蓝图 | 紫线 |
| 复盘、项目进展、内部 memo、判断短文 | 紫线 | 宣纸 |
| 技术短文、发布说明、开发者笔记 | 墨线 | 蓝图 |
| AI 研究、方法论、思考札记 | 陶土 | 宣纸 |
| 知识库、SOP、课程讲义、清单 | 宣纸 | 蓝图 |
| 商业判断、趋势分析、社论 | 朱批 | 杏纸 |
| 财经、宏观、市场、对标研究 | 杏纸 | 朱批 |
| 人物、故事、长文随笔 | 素纸 | 陶土 |
| 科技文化、AI 热点、有锋芒 | 萤石 | 霓虹 |
| 新品、平台动态、快讯解读 | 霓虹 | 萤石 |
| 设计、视觉、原型、创作流程 | 橙陶 | 白瓷 |
| 信件、个人口吻、轻教程 | 青笺 | 竹简 |
如果一篇文章同时符合多个方向，优先选择“文章的读者场景”，不是品牌名。
templates/styles.md 和 templates/theme-index.json。白瓷、蓝图、陶土、朱批、杏纸、萤石蓝图、墨线、紫线、宣纸、青笺、白瓷朱批、杏纸、蓝图、紫线、素纸、白瓷陶土、蓝图、墨线、萤石、宣纸、朱批duyi-wechat-paipan/scripts/render_wechat_html.py 生成：
*-STYLE-preview.html*-STYLE-wechat.html--no-gate。00_公众号CSS风格总览.html 和 风格目录.md。duyi-wechat 工作流，预览和 QA 通过后继续交给 duyi-wechat-fabu。如果输入是文件：
源文件同目录/公众号CSS输出/
如果用户直接贴稿：
~/项目仓库/02-AI内容业务/公众号排版CSS输出/YYYY-MM-DD-主题/
文件命名：
原文件名_STYLE-preview.html
原文件名_STYLE-wechat.html
00_公众号CSS风格总览.html
风格目录.md
合格的 CSS 层输出必须满足：
16px。1.72-1.92 之间。390px 手机宽度下首屏不拥挤。<style>、class、data-*。#output wrapper。\n。最终只汇报：
duyi-wechat-fabu 草稿流程。不要在交付物正文里留下提示词、规则解释、执行过程或 AI 痕迹。