NYT-newsroom 排版 + 错峰揭示动画 + 编辑级图表 (折线/柱/范围带)
data-report
data-report is an open-source data skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “把 CSV/Excel/JSON 数据转成漂亮的可视化报告页”. The project has 8.3k stars on GitHub and is available under the Apache-2.0 license. Add it to your setup with `git clone https://github.com/nexu-io/html-anything ~/.claude/skills/data-report`.
What data-report does
【模板: 数据可视化报告】 - 头部: 报告标题 + 时间区间 + 数据来源说明。 - KPI 卡片网格: 3-5 个最重要指标, 每个卡片显示数值 + 同比变化 + 微型趋势线。 - 主图表区: 至少 2 个图表 (柱状 / 折线 / 饼 / 散点), 使用 Chart.js 或 ECharts (jsdelivr CDN 引入), 数据从用户输入解析得到。 - **图表容器必须有固定高度**: 每个 `` 外层包一个 `` (KPI 迷你图 ~40px, 主图表 ~240–280px)。Chart.js 用 `responsive:true, maintainAspectRatio:false` 时若父容器没有显式高度, 会陷入 ResizeObserver 死循环, 图表无限增高直至卡死浏览器。**绝对不要**直接给 canvas 写 `height=` 属性当布局, 那个只是初始值。 - 数据表格: 用户原始数据节选, 使用 `` + 现代化样式 (zebra stripe, hover, sticky header)。 - 洞察块: 3-5 条文字洞察, 用 emoji 开头, 像产品周报。 - 底部"方法论"折叠区。 - 配色克制专业: 主色 1 + 中性色阶, 图表用调色板。 - **必须解析用户提供的实际数据**, 不要捏造。
Installation
Add data-report to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/data-reportAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for data-report when you want data help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear Apache-2.0 license — safe to read and adapt
- Ships in nexu-io/html-anything, an established project with 8,336 GitHub stars
- Actively maintained (recent commits)
Things to check
- Sparse description in metadata — read the repository for full details
Topics
Frequently asked questions
- What does data-report do?
- 把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
- How do I install data-report?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/data-report in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is data-report free to use?
- Yes. data-report is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
- Where does data-report come from?
- data-report ships inside nexu-io/html-anything, a repository that contains 41 catalogued skills in total. The repository's 8,336 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Data →假设 + 指标 + 结果 + 解释 + 决策, 把 A/B 或产品实验转成行动建议
Transform data into compelling narratives using visualization, context, and persuasive structure. Use when presenting analytics to stakeholders, creating data reports, or building executive presentations.
Parses error messages, traces execution flow through stack traces, correlates log entries to identify failure points, and applies systematic hypothesis-driven methodology to isolate and resolve bugs. Use when investigating errors, analyzing stack traces, finding root causes of unexpected behavior, troubleshooting crashes, or performing log analysis, error investigation, or root cause analysis.
Use when fine-tuning LLMs, training custom models, or adapting foundation models for specific tasks. Invoke for configuring LoRA/QLoRA adapters, preparing JSONL training datasets, setting hyperparameters for fine-tuning runs, adapter training, transfer learning, finetuning with Hugging Face PEFT, OpenAI fine-tuning, instruction tuning, RLHF, DPO, or quantizing and deploying fine-tuned models. Trigger terms include: LoRA, QLoRA, PEFT, finetuning, fine-tuning, adapter tuning, LLM training, model training, custom model.