field-notes-editorial-template

Field Notes 编辑模板

生成一份精致的编辑风格数据报告，并将其放在单个自包含的 HTML 文件中。

资源映射

field-notes-editorial-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

工作流

1. 阅读当前生效的 DESIGN.md，并将调色板和字体排印映射到根 CSS 变量。
2. 将 assets/template.html 复制为 index.html，作为工作文件。
3. 保留编辑风格的框架语言：
   • 纸张质感的背景和微妙的暗角效果
   • 衬线字体的展示型标题，以及简洁的无衬线正文字体
   • 圆角柔和色彩的指标卡片和洞察卡片
   • 带图例和坐标轴标签的图表面板
4. 保持交互轻量且适合演示：
   • 页面视图切换器（指标 / 洞察 / 留存）
   • 关键指标的数字递增动画
   • 图表线条显现动画
5. 数据未知时，使用诚实的占位符（— 或中性标签）。
6. 输出前，根据 references/checklist.md 进行验证。

输出约定

先写一句简短的说明，然后：

<artifact identifier="field-notes-editorial" type="text/html" title="Field Notes Editorial Report">
<!doctype html>
<html>...</html>
</artifact>