Agent skill · design visual · nexu-io
fs-editorial-forest
Art-directing a fashion house's annual report — the editorial system, the photography rhythm, and the data spreads. Built as a decision-grade design craft deck for brand stakeholders, exec audience.
Why this skill is useful
Provides a specific design system and template for creating editorial decks that the AI wouldn't reliably generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Editorial Forest (林间编辑部) A quiet, considered editorial deck theme — deep forest green, dusty pink, and warm cream paper meet Source Serif 4. Built for quarterly reviews, internal readouts, studio updates, research recaps, and anything that should feel warm and unhurried rather than corporate. Avoid it for content that needs to feel urgent, punchy, or sales-driven. Ported from the MIT-licensed zarazhangrui/beautiful-html-templates editorial-forest template. Start from example.html in this plugin folder. It is the locked seed: keep the inline <deck-stage> runtime script, the :root token block, and every layout skin verbatim — replace only slide content. Do not rewrite the design, do not introduce colors or fonts outside the spec below. Design tokens (locked — list verbatim in :root) No other colors. No gradients, no shadows, no purple/indigo, no pure white or black surfaces. rgba(239,231,212,0.18) (cream at 18%) is the only permitted alpha, used for chart grid lines. No other fonts. Source Serif 4 (weights 300–800, weight 500 is the display default) for all headings and body; JetBrains Mono (400/500/700, weight 500 default) for kickers, numbers, captions, and axis labels. Load via the Google Fonts <link> already in the seed. Typography & signature devices Display sizes: cover/summary h1 220px at line-height: 0.92–0.94, section h2 80–96px, statement quote 140px, KPI numerals 220px (unit 110px in cream). Tracking −0.02em on serif display; mono labels run uppercase at letter-spacing: 0.12–0.18em, 24–28px. .label mono uppercase kickers anchor every slide's top edge; paired left/right labels are the header signature. The circular .mark monogram (130px, 2px border) on the cover; the bottom .footline running foot; 2px rule lines (border-top: 2px solid) above meta rows, KPI rows, and summary columns; cards with 6–8px radius and 2–2.5px borders. These devices are the theme — keep them. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/fs-editorial-forest