Saltar al contenido
Marketplace

field-notes-editorial-template

de nexu-io

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.

Resumen

SKILL.mdLeída en 53231d4

Field Notes Editorial Template

Produce a premium editorial data report in a single self-contained HTML file.

Resource map

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:

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

Archivos 4 archivos

Instálala a mano

Deska ejecuta esto por ti, para cada agente que elijas. Para ejecutarlo tú en una terminal:

npx skills add nexu-io/open-design --skill field-notes-editorial-template

Más de nexu-io

  • ui-ux-pro-maxnexu-ioCatalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.5,200 instalaciones en skills.sh0
  • frontend-designnexu-ioCreate distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, application screens, and UI beautification.4,600 instalaciones en skills.sh0
  • web-design-guidelinesnexu-ioReview UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.3,700 instalaciones en skills.sh0
  • creative-directornexu-ioAI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from brief to presentation.3,200 instalaciones en skills.sh0
  • design-briefnexu-ioParse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it professional" by requiring explicit dimensions: palette, typography, layout, mood, density, and constraints. Trigger keywords: "design brief", "create a design brief", "ilang brief", "structured brief".3,200 instalaciones en skills.sh0
Todas las skills de nexu-io