{"id":"64540107-685c-427c-8957-54c0b17ae6e9","shortId":"tGGMRt","kind":"skill","title":"field-notes-editorial-template","tagline":"Editorial \"Field Notes\" report template with soft paper background, serif hero\ntypography, rounded pastel insight cards, and a retention chart panel.\nUse when users ask for a premium magazine-style business report, board memo\none-pager, or elegant data storytelling layout.","description":"# Field Notes Editorial Template\n\nProduce a premium editorial data report in a single self-contained HTML file.\n\n## Resource map\n\n```text\nfield-notes-editorial-template/\n├── SKILL.md\n├── assets/\n│ └── template.html\n├── references/\n│ └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Read active `DESIGN.md` and map palette/typography to root CSS variables.\n2. Copy `assets/template.html` to `index.html` as the working artifact.\n3. Keep the editorial frame language:\n - paper-like background and subtle vignette\n - serif display headlines plus clean sans-serif body copy\n - rounded pastel metric / insight cards\n - chart panel with legend and axis labels\n4. Keep interactions lightweight and presentation-safe:\n - page view switcher (metrics / insights / retention)\n - number count-up animation for key metrics\n - chart line reveal animation\n5. Use honest placeholders (`—` or neutral labels) where data is unknown.\n6. Validate against `references/checklist.md` before emitting.\n\n## Output contract\n\nOne short orientation sentence, then:\n\n```xml\n\n\n...\n\n```","tags":["field","notes","editorial","template","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-field-notes-editorial-template","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/field-notes-editorial-template","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 44905 github stars · SKILL.md body (1,217 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:50:13.166Z","embedding":null,"createdAt":"2026-05-09T12:51:47.573Z","updatedAt":"2026-05-18T18:50:13.166Z","lastSeenAt":"2026-05-18T18:50:13.166Z","tsv":"'1':82 '2':93 '3':102 '4':137 '5':163 '6':174 'activ':84 'anim':155,162 'artifact':101 'ask':30 'asset':76 'assets/template.html':95 'axi':135 'background':14,111 'board':39 'bodi':123 'busi':37 'card':21,129 'chart':25,130,159 'checklist.md':79 'clean':119 'contain':64 'contract':181 'copi':94,124 'count':153 'count-up':152 'css':91 'data':46,57,171 'design.md':85 'display':116 'editori':4,6,51,56,73,105 'eleg':45 'emit':179 'example.html':80 'field':2,7,49,71 'field-notes-editorial-templ':1,70 'file':66 'frame':106 'headlin':117 'hero':16 'honest':165 'html':65 'index.html':97 'insight':20,128,149 'interact':139 'keep':103,138 'key':157 'label':136,169 'languag':107 'layout':48 'legend':133 'lightweight':140 'like':110 'line':160 'magazin':35 'magazine-styl':34 'map':68,87 'memo':40 'metric':127,148,158 'neutral':168 'note':3,8,50,72 'number':151 'one':42,182 'one-pag':41 'orient':184 'output':180 'page':145 'pager':43 'palette/typography':88 'panel':26,131 'paper':13,109 'paper-lik':108 'pastel':19,126 'placehold':166 'plus':118 'premium':33,55 'present':143 'presentation-saf':142 'produc':53 'read':83 'refer':78 'references/checklist.md':177 'report':9,38,58 'resourc':67 'retent':24,150 'reveal':161 'root':90 'round':18,125 'safe':144 'san':121 'sans-serif':120 'self':63 'self-contain':62 'sentenc':185 'serif':15,115,122 'short':183 'singl':61 'skill' 'skill-field-notes-editorial-template' 'skill.md':75 'soft':12 'source-nexu-io' 'storytel':47 'style':36 'subtl':113 'switcher':147 'templat':5,10,52,74 'template.html':77 'text':69 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'typographi':17 'unknown':173 'use':27,164 'user':29 'valid':175 'variabl':92 'view':146 'vignett':114 'work':100 'workflow':81 'xml':187","prices":[{"id":"e24ca824-a002-4566-afc1-65c9ec74e27d","listingId":"64540107-685c-427c-8957-54c0b17ae6e9","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-09T12:51:47.573Z"}],"sources":[{"listingId":"64540107-685c-427c-8957-54c0b17ae6e9","source":"github","sourceId":"nexu-io/open-design/field-notes-editorial-template","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/field-notes-editorial-template","isPrimary":false,"firstSeenAt":"2026-05-09T12:51:47.573Z","lastSeenAt":"2026-05-18T18:50:13.166Z"}],"details":{"listingId":"64540107-685c-427c-8957-54c0b17ae6e9","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"field-notes-editorial-template","github":{"repo":"nexu-io/open-design","stars":44905,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-18T18:43:11Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"6d1f4ed1feeada74e082f8ce43599773190987f5","skill_md_path":"skills/field-notes-editorial-template/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/field-notes-editorial-template"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"field-notes-editorial-template","description":"Editorial \"Field Notes\" report template with soft paper background, serif hero\ntypography, rounded pastel insight cards, and a retention chart panel.\nUse when users ask for a premium magazine-style business report, board memo\none-pager, or elegant data storytelling layout."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/field-notes-editorial-template"},"updatedAt":"2026-05-18T18:50:13.166Z"}}