Claw Design — Charts Skill
生成图表与数据可视化（HTML/SVG）。
使用方式
npx tsx scripts/generate.ts --content "数据描述"
参数：
--content：图表内容的自然语言描述--output：输出目录（默认 ./output）
输出
HTML 图表文件 + 质量检查报告（JSON stdout）。
Claw Design Charts
图表与数据可视化生成。画图表、chart、数据可视化、柱状图、饼图、折线图、漏斗图、桑基图、热力图、bar chart、line chart、pie chart。输入数据描述，输出 HTML 图表，支持 35+ 种图表类型。
yuchangxu1989-openclaw
Updated Claw Design Charts by yuchangxu1989-openclaw · 02e3f0f
npx skillmds@latest add yuchangxu1989-openclaw/claw-design-charts File contents
---name: claw-design-chartsdescription: 图表与数据可视化生成。画图表、chart、数据可视化、柱状图、饼图、折线图、漏斗图、桑基图、热力图、bar chart、line chart、pie chart。输入数据描述，输出 HTML 图表，支持 35+ 种图表类型。---# Claw Design — Charts Skill生成图表与数据可视化（HTML/SVG）。## 使用方式```bashnpx tsx scripts/generate.ts --content "数据描述"```参数：- `--content`：图表内容的自然语言描述- `--output`：输出目录（默认 ./output）## 输出HTML 图表文件 + 质量检查报告（JSON stdout）。
yuchangxu1989-openclaw/claw-design/tree/main/skill/charts commit 02e3f0f83a
Frequently asked questions
Run npx skillmds@latest add yuchangxu1989-openclaw/claw-design-charts in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
图表与数据可视化生成。画图表、chart、数据可视化、柱状图、饼图、折线图、漏斗图、桑基图、热力图、bar chart、line chart、pie chart。输入数据描述，输出 HTML 图表，支持 35+ 种图表类型。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
yuchangxu1989-openclaw (@yuchangxu1989-openclaw) published this skill. Their other Agent Skills are listed on their SkillMD profile.