Agent skill

Field Notes Editorial Template

by nexu-io in nexu-io/open-design

Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel.

Apache-2.0Auto-check passedFrontend & Design

Install Field Notes Editorial Template

skills CLI
$ npx skills add nexu-io/open-design --skill field-notes-editorial-template -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install nexu-io/open-design field-notes-editorial-template --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/field-notes-editorial-template .claude/skills/field-notes-editorial-template && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
field-notes-editorial-template
GitHub stars
100k
Token cost
~574 tokens
SKILL.md length
116 words
Files
4 (incl. references, assets)
Skills in repo
245
Repo updated
First seen
Licence
Apache-2.0

At a glance

Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel.

  • Works in 6 steps: Read active DESIGN.md and map… → Copy assets/template.html to index.html… → Keep the editorial frame language → …
  • Users ask for a premium magazine-style business report
  • SKILL.md covers Resource map, Workflow and Output contract
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Field Notes Editorial Template is an agent skill from nexu-io/open-design. 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.

Its SKILL.md is about 570 tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files and assets (for example `references/checklist.md`).

It sits in Frontend & Design, covering Report writing, Storytelling and Typography. The repository describes itself as: 🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes… The licence is Apache-2.0.

When your agent uses it

  • Users ask for a premium magazine-style business report
  • Board memo one-pager
  • Elegant data storytelling layout

Example prompts

  • “Field Notes”
  • “/field-notes-editorial-template”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  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
  4. Keep interactions lightweight and presentation-safe
  5. Use honest placeholders (— or neutral labels) where data is unknown.
  6. Validate against references/checklist.md before emitting.

What it can do on your machine

Read from SKILL.md and the folder at commit d9dd6fe. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are xml).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Field Notes Editorial Template loads about 574 tokens when it runs, and up to ~934 if it reads all its reference files. Until then it costs about 76 tokens; SKILL.md has 116 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~76
When it runs · the whole SKILL.md, loaded when a task matches
~574
With references · SKILL.md plus every file in references/, read only if the agent opens them
~934

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from nexu-io/open-design at commit d9dd6fe, republished under its Apache-2.0 licence (© nexu-io). 116 words, ~574 tokens.

Download SKILL.mdSave it as .claude/skills/field-notes-editorial-template/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
field-notes-editorial-template
description
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.
triggers
field notes editorial template, editorial report template, magazine style business report, pastel insight dashboard, 高级编辑风报告模板, 奶油底粉彩卡片数据报告
od.mode
template
od.surface
video
od.type
hyperframes
od.platform
desktop
od.example_prompt
Create an editorial Field Notes style report with three insight cards, key metrics blocks, and a retention line chart in one polished single-file HTML page.
od.capabilities_required
file_write

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.html

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:

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

© nexu-io, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files (references, assets) in skills/field-notes-editorial-template of nexu-io/open-design.

  • SKILL.md
  • assets/template.html
  • example.html
  • references/checklist.md

Open the folder on GitHubat commit d9dd6fe

Compare with similar skills

Field Notes Editorial Template next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Field Notes Editorial Template compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Field Notes Editorial Template this skillnexu-io/open-design100k—~574Automated safety check: PassApache-2.0
Scroll World Storytellingnirholas/three.ws2281 repos~3kAutomated safety check: PassApache-2.0
Japanese Hand Drawn Editorial Ppt Skillsoftware-ai-life/Awesome-PPT-Design-Skills120—~758Automated safety check: PassNone
Epic Designalirezarezvani/claude-skills28k1 repos~4kAutomated safety check: PassMIT
Top Designwondelai/skills2.4k—~5.8kAutomated safety check: PassMIT
Openkb Deck NeonVectifyAI/OpenKB4.8k1 repos~4.3kAutomated safety check: PassApache-2.0

Similar skills

  • Scroll World Storytelling

    nirholas/three.ws

    Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js…

    228 GitHub starsUsed in 1 repo~3k tokens
    Frontend & DesignAuto-check passed
  • Japanese Hand Drawn Editorial Ppt Skill

    software-ai-life/Awesome-PPT-Design-Skills

    Create or redesign PowerPoint decks in a high-end Japanese hand-drawn editorial style: warm off-white paper texture, delicate pencil or ink line illustration, thin uneven strokes, mostly monochrome…

    120 GitHub stars~758 tokensUpdated 5 mo ago
    Documents & OfficeAuto-check passed
  • Epic Design

    alirezarezvani/claude-skills

    Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required.

    28k GitHub starsUsed in 1 repo~4k tokens
    Frontend & DesignAuto-check passed
  • Top Design

    wondelai/skills

    Create award-winning, immersive web experiences at the level of Awwwards-featured agencies.

    2.4k GitHub stars~5.8k tokensUpdated 29 days ago
    Frontend & DesignAuto-check passed
  • Openkb Deck Neon

    VectifyAI/OpenKB

    A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…

    4.8k GitHub starsUsed in 1 repo~4.3k tokens
    Frontend & DesignAuto-check passed
  • Auteur

    agiwhitelist/auteur

    Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…

    1k GitHub stars~5k tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed

More from nexu-io/open-design

All 245 skills in this repo
  • Humanize PPT

    nexu-io/open-design

    Turns raw notes into a talk-ready slide outline with per-page image, diagram or video decisions, then checks the rendered deck against that outline.

    100k GitHub stars~4k tokensUpdated today
    Auto-check passed
  • Last 30 Days Trend Research

    nexu-io/open-design

    Produces a cited Markdown briefing on recent community sentiment and social reaction to a topic, labeling every source it could not actually check.

    100k GitHub stars~1.3k tokensUpdated today
    Auto-check passed
  • OpenDesign Contribution Flow

    nexu-io/open-design

    Helps newcomers contribute to OpenDesign: ship a skill or design system, translate docs, fix docs or report a bug, ending in a pull request or issue.

    100k GitHub stars~3.5k tokensUpdated today
    Auto-check: notes
  • Turns a chat transcript or screenshot into a configurable animated chat clip, rendered as a Remotion bundle with optional transparency.

    100k GitHub stars~1.1k tokensUpdated today
    Auto-check passed
  • Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity…

    100k GitHub stars~865 tokensUpdated today
    Auto-check passed
  • Hatch Pet

    nexu-io/open-design

    Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references.

    100k GitHub stars~6k tokensUpdated today
    Auto-check passed

Questions about Field Notes Editorial Template

What does Field Notes Editorial Template do?

Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Field Notes Editorial Template is an agent skill from nexu-io/open-design. Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel.

When should I use Field Notes Editorial Template?

Field Notes Editorial Template fits situations like: users ask for a premium magazine-style business report; board memo one-pager; elegant data storytelling layout.

How do I install Field Notes Editorial Template in Claude Code?

Run `npx skills add nexu-io/open-design --skill field-notes-editorial-template -a claude-code`. Or copy the skill folder (skills/field-notes-editorial-template in nexu-io/open-design) into .claude/skills/field-notes-editorial-template in your project. Claude Code loads it when a task matches its description.

How do I install Field Notes Editorial Template in Codex?

Run `npx skills add nexu-io/open-design --skill field-notes-editorial-template -a codex`. Or copy the skill folder (skills/field-notes-editorial-template in nexu-io/open-design) into .agents/skills/field-notes-editorial-template in your project. Codex loads it when a task matches its description.

Can I use Field Notes Editorial Template in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nexu-io/open-design --skill field-notes-editorial-template -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/field-notes-editorial-template, .gemini/skills/field-notes-editorial-template, .github/skills/field-notes-editorial-template and .opencode/skills/field-notes-editorial-template in your project.

What does Field Notes Editorial Template need to run?

SKILL.md names no scripts, command-line tools or credentials: Field Notes Editorial Template is instructions for the agent only.

Does Field Notes Editorial Template access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Field Notes Editorial Template safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Field Notes Editorial Template use?

Field Notes Editorial Template is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Field Notes Editorial Template use?

About 574 tokens (SKILL.md is roughly 2.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 360 tokens, read only when the agent opens those files.

What are the alternatives to Field Notes Editorial Template?

Skills that share tags, products or a category with Field Notes Editorial Template: Scroll World Storytelling (nirholas/three.ws, 228 stars), Japanese Hand Drawn Editorial Ppt Skill (software-ai-life/Awesome-PPT-Design-Skills, 120 stars), Epic Design (alirezarezvani/claude-skills, 28k stars) and Top Design (wondelai/skills, 2.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Field Notes Editorial Template?

nexu-io (a GitHub organization) maintains it in nexu-io/open-design, which has 100,100 GitHub stars. The repository holds 245 skills in this directory. The repository was last updated on October 9, 2026.

Source: nexu-io/open-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.