Illustrative cover generated by us — see the source repo for real examples.
How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/data-report make me: Turning CSV, Excel or JSON into a visual report pageExample message showing how to invoke it, not a real output.
What you get
- Charts generated from your data
- Key-metric highlights
- Single shareable HTML
Good fit
- Turning CSV, Excel or JSON into a visual report page
Not for
- Live dashboards connected to a database
What you need
- Nothing extra; the agent writes the HTML
- License
- Apache-2.0
- Author
- @nexu-io
- Source
- nexu-io/html-anything/next/src/lib/templates/skills/data-report · ★ 9,014
Upstream description
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/data-report/install.md and follow the instructions to install the skill.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/data-report -g -a claude-code
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/data-report -g -a codex
git clone --depth 1 https://github.com/nexu-io/html-anything.git /tmp/html-anything mkdir -p ~/.claude/skills && cp -r /tmp/html-anything/next/src/lib/templates/skills/data-report ~/.claude/skills/data-report
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
Skill Creator
Create, edit and benchmark your own Agent Skills — including evals and description tuning for better triggering.
Brainstorming Before Building
Makes your coding agent clarify intent, requirements and design with you before it writes any code.
Systematic Debugging
A four-phase debugging discipline: find the root cause before proposing fixes, for any bug or failing test.
Dark SVG Diagrams (Baoyu)
Architecture diagrams, flowcharts, sequence diagrams, mind maps and timelines as clean dark-themed SVG — editable, scalable, no image model needed.