仓库原始内容
按源仓库内容呈现，保留标题、案例、代码、表格、链接以及原文引用的演示图片。
Field Notes Editorial Template
Produce a premium editorial data report in a single self-contained HTML file.
Resource map
text
field-notes-editorial-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.htmlWorkflow
- Read active
DESIGN.mdand map palette/typography to root CSS variables. - Copy
assets/template.htmltoindex.htmlas the working artifact. - Keep the editorial frame language:
- paper-like background and subtle vignette
- serif display headlines plus clean sans-serif body copy
- rounded pastel metric / insight cards
- chart panel with legend and axis labels
- Keep interactions lightweight and presentation-safe:
- page view switcher (metrics / insights / retention)
- number count-up animation for key metrics
- chart line reveal animation
- Use honest placeholders (
—or neutral labels) where data is unknown. - Validate against
references/checklist.mdbefore emitting.
Output contract
One short orientation sentence, then:
xml
<artifact identifier="field-notes-editorial" type="text/html" title="Field Notes Editorial Report">
<!doctype html>
<html>...</html>
</artifact>