Agent skill · design visual · nexu-io
field-notes-editorial-template
Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Use when users ask for a premium magazine-style business report, board memo one-pager, or elegant data storytelling layout.
Why this skill is useful
Provides a specific template and workflow for creating premium editorial reports that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Field Notes Editorial Template Produce a premium editorial data report in a single self-contained HTML file. Resource map Workflow 1. Read active DESIGN.md and map palette/typography to root CSS variables. 2. Copy assets/template.html to index.html as the working artifact. 3. 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 4. Keep interactions lightweight and presentation-safe: page view switcher (metrics / insights / retention) number count-up animation for key metrics chart line reveal animation 5. Use honest placeholders (— or neutral labels) where data is unknown. 6. Validate against references/checklist.md before emitting. Output contract One short orientation sentence, then:
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/field-notes-editorial-template