菜单
图表与数据可视化生成。画图表、chart、数据可视化、柱状图、饼图、折线图、漏斗图、桑基图、热力图、bar chart、line chart、pie chart。输入数据描述，输出 HTML 图表，支持 35+ 种图表类型。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/yuchangxu1989-Openclaw/claw-design --skill claw-design-charts命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
AI 设计引擎——一句话生成 PPT、图表、架构图、海报、视频剪辑、落地页、原型、PDF 等 10+ 种设计产物。Claude Design 的免费开源平替。 内置 ChartSkill（饼图/柱状图/折线图，纯 SVG，自然语言输入自动解析）、VideoEditorSkill（FFmpeg 本地剪辑）、SlidesSkill（36 主题 PPT）、PosterSkill、ArchDiagramSkill 等。 零图片 API 依赖，纯 HTML/CSS/SVG + FFmpeg 渲染，成本稳定，结果可控。 触发词："做个 PPT"、"生成图表"、"画个饼图"、"做个架构图"、"剪个视频"、"做个海报"、"生成落地页"、"做个原型"、"generate a presentation"、"make a chart"、"create a poster"。
架构图生成。架构图、系统图、部署图、组件图、拓扑图、技术架构、architecture diagram、system diagram、component diagram、deployment diagram。输入架构描述，输出 HTML/SVG 架构图，支持明暗双主题。
Dashboard 数据看板生成。做看板、dashboard、数据面板、数据大屏、监控面板、KPI 看板、analytics dashboard、data panel、metrics board、运营看板。输入指标描述，输出 HTML 数据看板。
基于 SOC 职业分类
正在显示 SKILL.md
| name | claw-design-charts |
| description | 图表与数据可视化生成。画图表、chart、数据可视化、柱状图、饼图、折线图、漏斗图、桑基图、热力图、bar chart、line chart、pie chart。输入数据描述，输出 HTML 图表，支持 35+ 种图表类型。 |
| designSystem | general |
| aestheticPrincipleAdditions | chart-data-ink |
生成图表与数据可视化（HTML/SVG）。
npx tsx scripts/generate.ts --content "数据描述"
参数：
--content：图表内容的自然语言描述--output：输出目录（默认 ./output）HTML 图表文件 + 质量检查报告（JSON stdout）。