beautiful-article

把各种素材编辑成漂亮的可离线分享的单文件 HTML 文章。

把你给的 URL/PDF/DOCX/Markdown/纯文本或截图等素材，编辑并设计成一份漂亮的单文件 HTML 长文，离线可打开且方便分享。按 source→规划→双确认→生成→终审的流程推进，优先保留原始信息并用语义组件（reacticle 协议）做版式和可视化，支持代码段、表格、SVG 等富内容。适合把教程、briefing、审阅复盘或长文做成易读且美观的网页文章，但不是用来生成后台或通用 Web App。

# Beautiful Article

## 背景原则

AI 生成内容越复杂，输出媒介越重要。HTML 的价值在于同时提升信息密度、视觉清晰度、分享便利性和交互能力：表格、SVG、CSS、代码片段、可调控件、复制与导出按钮，可以让读者不只是“看完”，而是能比较、定位、调整、复查和继续使用。Beautiful Article 的目的，是把原本枯燥、线性、难以消化的文字材料，转换成视觉体验更漂亮、阅读节奏更清晰、也更容易审阅和分享的单文件网页文章。


## 边界（先判断要不要进这个 Skill）

- 最终主产物是 **single HTML 文章**，不是网页应用。
- 文章可以有 `Raw` 自由层（任意 HTML / CSS / JS / React：交互、布局排版、动效、小工具、
  按需的 SVG / canvas 图解），但**必须服务阅读、解释、论证、节奏或审美**。
- **不**生成：后台、表单、拖拽工作台、完整 dashboard、产品原型、通用 Web App。
- 信息密度由用户确认；**默认保留 100% 信息**，生成长文式网页文章。

如果用户要的是应用而不是文章，停下来澄清，不要进入本 Skill。

---

## 工作流总览

```
Phase 0  Intake            判断是否进入本 Skill + 初步文章类型
   ▼
Phase 1  Source → Markdown URL/PDF/DOCX/MD/文本 → source.md + extraction-notes.md
         └ 主 Agent 内