Beautiful Article 背景原则 AI 生成内容越复杂,输出媒介越重要。HTML 的价值在于同时提升信息密度、视觉清晰度、分享便利性和交互能力:表格、SVG、CSS、代码片段、可调控件、复制与导出按钮,可以让读者不只是“看完”,而是能比较、定位、调整、复查和继续使用。Beautiful Article 的目的,是把原本枯燥、线性、难以消化的文字材料,转换成视觉体验更漂亮、阅读节奏更清晰、也更容易审阅和分享的单文件网页文章。 边界(先判断要不要进这个 Skill) - 最终主产物是 single HTML 文章 ,不是网页应用。 - 文章可以有 自由层(任意 HTML / CSS / JS / React:交互、布局排版、动效、小工具、 按需的 SVG / canvas 图解),但 必须服务阅读、解释、论证、节奏或审美 。 - 不 生成:后台、表单、拖拽工作台、完整 dashboard、产品原型、通用 Web App。 - 信息密度由用户确认; 默认保留 100% 信息 ,生成长文式网页文章。 如果用户要的是应用而不是文章,停下来澄清,不要进入本 Skill。 --- 工作流总览 工作区结构(脚手架创建;这些文件是 Skill 的长期记忆, 不要只依赖聊天上下文记决策 ): --- 硬性质检协议(贯穿整个 Skill) 质检方式按节点区分 —— 不是所有质检都要开 Su…