SuperAPI AI 工具集

space-wechat-layout

办公与效率

查看项目

更新于 10-16 09:59

技能介绍

用途:把用户提供的文章、Markdown 草稿、长文、随笔、newsletter、评论或中文文章,整理成可直接贴进微信公众号编辑器的富文本 HTML,并在本地生成预览页。侧重“整篇视觉排版”,与出单张配图的 space-chart-image、space-text-logic-diagram 互补。

主要能力:定位文章标题(首个 # 标题或类似标题的加粗行),按需请求标题;提供三种风格——Claude(暖白、克制边框、留白多)、OpenAI(纯白、黑白灰、工具文档感)、Google(亮白、蓝绿黄红点缀、模块化卡片);用户说“你来定”时按内容类型选择,反思叙事观点类选 Claude,技术教程产品说明选 OpenAI,数据列表对比教育类选 Google。仅在实现或比较风格时读取 references/style-guide.md。

使用方式:未提供文章时请用户粘贴;确认风格后准备内容,仅做版式优化——规范标题层级、拆分超长段落、把明显表格或列表转成样式化 HTML 表格或卡片、必要时给长正文加可滚动预览窗口。优先生成单个静态 index.html;若在现有 Vite 或前端项目中工作,沿用其结构。预览页包含顶部工具栏、“复制 HTML”按钮、复制后的状态提示、居中的微信内容预览(max-width: 677px)与移动端响应式布局。复制内容须为文章内部 HTML,而非整个应用外壳。复制使用 Clipboard API 同时写入 text/html 与 text/plain,失败时回退到选中预览节点并执行 document.execCommand("copy"),按钮文案为“复制 HTML”或“复制到公众号”。

限制:不改写文章,保留全部事实、顺序、引用、评分、姓名与结论。微信 HTML 约束为使用内联样式,避免外部 CSS、脚本、网络字体、CSS 变量、仅靠 SVG 的关键内容与交互控件;卡片圆角一般不超过 8px,使用 section、h1、h2、h3、p、table、blockquote 等简单语义块;滚动正文窗口用内联 max-height 与 overflow-y:auto,标题、评分摘要与结论留在滚动区外。默认输出目录为 wechat-layout-output/index.html,需要本地图片时加 assets/。完成后若有构建命令则运行,启动或复用本地服务并确认 URL 可访问,Browser 可用且稳定时目视检查,否则报告构建或服务验证结果,最后告知预览 URL、所用风格、新建或修改的文件、复制粘贴方法及验证情况。具体收费、平台支持范围等信息暂未提供。