nexu-io/open-design

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.

Quelltext ansehen

Verwendung

  1. Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
  2. Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
  3. Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.
npx skills add https://github.com/nexu-io/open-design --skill field-notes-editorial-template

Vor dem Start

  • Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
  • Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

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
  1. Keep interactions lightweight and presentation-safe:
  • page view switcher (metrics / insights / retention)
  • number count-up animation for key metrics
  • chart line reveal animation
  1. Use honest placeholders (— or neutral labels) where data is unknown.
  2. 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>

Verwandte Aufgaben

aus demselben Repository

Weitere Skills

Alle Skills