mit einem Klick
工程图表与可视化设计技能。当需要生成监测趋势图、断面剖面图、测点分布示意图或其他工程可视化图表时加载此技能。
npx skills add https://github.com/railwise-cn/RAILWISE-CLI --skill canvas-designKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um den Skill zu installieren
工程图表与可视化设计技能。当需要生成监测趋势图、断面剖面图、测点分布示意图或其他工程可视化图表时加载此技能。
npx skills add https://github.com/railwise-cn/RAILWISE-CLI --skill canvas-designKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um den Skill zu installieren
Word 文档生成技能。当需要将监测报告、技术方案或投标文件导出为正式 .docx 文件时加载此技能,获取排版规范、章节结构和工具调用指引。
Excel 报表生成技能。当需要导出监测数据表、统计汇总表或多期对比表为 .xlsx 文件时加载此技能,获取数据组织规范和工具调用指引。
前端界面设计技能。当需要为监测平台、数据看板或内部管理系统设计 Web 前端界面时加载此技能,获取工程行业 UI 规范和组件设计指引。
工程文档人性化润色技能。当 AI 生成的报告、方案或标书读起来"太像机器写的"时加载此技能,将文本转化为资深工程师的行文风格。
工程监测招投标专业知识库。当编制投标文件、分析招标文件或进行商务报价时加载此技能,获取评分要素、报价策略和资质要求指引。
工程监测规范条文速查技能包。当需要引用规范条文、核查技术指标或进行合规审查时加载此技能,获取规范查询方法和常用条文速查表。
| name | canvas-design |
| description | 工程图表与可视化设计技能。当需要生成监测趋势图、断面剖面图、测点分布示意图或其他工程可视化图表时加载此技能。 |
chart_generator(SVG 趋势图生成)系统内置的图表工具,专为监测时序数据设计。
参数说明:
| 参数 | 类型 | 说明 |
|---|---|---|
data | 数组 | 时序数据,每条含 point_id/date/value |
title | 字符串 | 图表标题 |
alertThreshold | 数字 | 报警阈值,显示为红色水平虚线 |
outputPath | 字符串 | SVG 输出路径 |
输出:800×400px SVG 文件,含多测点折线、图例、网格线和报警线。
趋势图使用以下 10 色系列区分不同测点:
#2563eb 蓝色(第1条线)
#dc2626 红色(第2条线)
#16a34a 绿色(第3条线)
#ca8a04 黄色(第4条线)
#9333ea 紫色(第5条线)
#0891b2 青色(第6条线)
#e11d48 玫红色(第7条线)
#65a30d 黄绿色(第8条线)
#c026d3 品红色(第9条线)
#ea580c 橙色(第10条线)
报警线固定为:#dc2626 红色虚线(stroke-dasharray: 6,4)
| 元素 | 规范 |
|---|---|
| X 轴 | 日期或期次编号,间隔显示避免重叠(超过10个日期时旋转45°) |
| Y 轴 | 监测值,单位标注在轴标题中(如"累计变化量 (mm)") |
| 网格线 | 浅灰色(#e5e7eb),水平网格线为主 |
| 刻度 | 自动计算合理间距,避免小数位过多 |
格式:[监测项目] + [时间范围/描述]
示例:
调用 chart_generator,传入:
data: [
{ point_id: "DB-01", date: "2025-01-15", value: -2.3 },
{ point_id: "DB-01", date: "2025-01-22", value: -4.1 },
...
{ point_id: "DB-02", date: "2025-01-15", value: -1.8 },
...
]
title: "地表沉降监测趋势图"
alertThreshold: -30
outputPath: "./沉降趋势图.svg"
注意:沉降值通常为负数(向下为正),图表 Y 轴应体现方向性。
当 chart_generator 不满足需求时(如需要柱状图、剖面图),可直接编写 SVG 代码:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
<!-- 标题 -->
<text x="400" y="30" text-anchor="middle" font-size="16" font-weight="600">图表标题</text>
<!-- 坐标系 -->
<!-- 数据绑定 -->
</svg>
手写 SVG 时遵循以下规范:
0 0 800 400(与 chart_generator 一致)font-family="PingFang SC, Microsoft YaHei, sans-serif"font-variant-numeric: tabular-nums这类图表 chart_generator 不直接支持,需构造 SVG:
X 轴:位移量(mm),正方向为远离基坑方向
Y 轴:深度(m),从上到下递增(地面在顶部)
数据线:各期位移剖面,用不同颜色区分
标注:管口标高、地面标高、支撑位置(水平虚线标注)
图 X-X [图名]chart_generator 输出纯 SVG 文件,可在浏览器直接打开预览