data-report
Lets your agent create visual reports from data. It's useful for understanding numbers from spreadsheets or JSON files easily.
What it does
Transforms your spreadsheet data (like Excel or CSV) into a beautiful and easy-to-understand visual report. It creates charts, displays key numbers, and summarizes the information.
When to use it
- ✓When you have sales data and want to see the overall performance.
- ✓When analyzing survey results and needing to present key points.
- ✓To create a quick summary of metrics for a website or app.
Example of what to ask your AI
“Create a visual report with this spreadsheet data about last quarter's sales.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The AI reads the data you provide, identifies important numbers, and organizes them into charts and visual summaries. It ensures the charts are sized appropriately to avoid overwhelming the page.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill data-reportOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/data-report/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
【模板: 数据可视化报告】
- 头部: 报告标题 + 时间区间 + 数据来源说明。
- KPI 卡片网格: 3-5 个最重要指标, 每个卡片显示数值 + 同比变化 + 微型趋势线。
- 主图表区: 至少 2 个图表 (柱状 / 折线 / 饼 / 散点), 使用 Chart.js 或 ECharts (jsdelivr CDN 引入), 数据从用户输入解析得到。
- 图表容器必须有固定高度: 每个
<canvas>外层包一个<div style="position:relative;height:NNNpx">(KPI 迷你图 ~40px, 主图表 ~240–280px)。Chart.js 用responsive:true, maintainAspectRatio:false时若父容器没有显式高度, 会陷入 ResizeObserver 死循环, 图表无限增高直至卡死浏览器。绝对不要直接给 canvas 写height=属性当布局, 那个只是初始值。 - 数据表格: 用户原始数据节选, 使用
<table>+ 现代化样式 (zebra stripe, hover, sticky header)。 - 洞察块: 3-5 条文字洞察, 用 emoji 开头, 像产品周报。
- 底部"方法论"折叠区。
- 配色克制专业: 主色 1 + 中性色阶, 图表用调色板。
- 必须解析用户提供的实际数据, 不要捏造。
FAQ
What types of data files can I use?
You can use CSV, Excel, or JSON files.
Will the report have charts?
Yes, it creates various chart types (like bar, line, and pie) to help visualize your data.
Will the report include a summary of what the data means?
Yes, it includes an 'insights' section with key points and text summaries for easier understanding.
Details
Original description by the author
Turns CSV, Excel, or JSON data into a polished visual report page.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #535
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
data-throughput-accelerator
Makes your agent speed up the movement of large data volumes. It finds bottlenecks and ensures data is transferred quickly and correctly.
affaan-m/ECC
inventory-demand-planning
Helps your agent predict product demand in stores. It optimizes stock and plans when to run promotions to sell more.
affaan-m/ECC
market-research
Helps your agent conduct market research and competitive analysis. Provides summaries with source attribution.
affaan-m/ECC