技能介绍

它解决什么问题

旅游攻略生成的难点常不在内容本身，而在多类产物同时输出时容易失控：QQ 文字版被分段发送、HTML 页面缺模块、外部图片失效、大段内联 CSS/JS 写入后被截断。该技能把这些约束固化为一条可执行流程，面向定时生成并推送旅游内容的场景，强调内容完整、渠道格式稳定和本地化输出。

它如何工作

双产物独立输出：QQ 版按文字模板一次性发送；HTML 版按页面模板生成并发布到本地目录。
三层前端分工：ui-ux-pro-max 负责结构规划，frontend-design 给出配色、字体和动效方向，Node.js builder 拼接代码、注入特效并写入文件。
网页抓取分级：普通页面、动态页面和强反爬页面选择不同 Fetcher，统一超时与重试；正文用于内容，图片从本地图片库读取。
写入策略保守：大型最终 HTML 不直接用 write 写目标文件，优先用 Builder 脚本处理 emoji、内联样式和 Canvas，失败时整文件重写。

适用边界与注意点

该技能更适合作为固定发布链路的工程规范，而不是通用旅行问答。它依赖本地发布目录、本地图片库和既定模板；脱离这些路径时，生成结果可能无法发布或图片失效。使用时应避免抓取与写入脚本混成超长文件，也应注意 P2 Canvas 若使用 position:fixed，必须同时设置 pointer-events:none。