工程图表与可视化设计技能。当需要生成监测趋势图、断面剖面图、测点分布示意图或其他工程可视化图表时加载此技能。
npx skills add https://github.com/railwise-cn/RAILWISE-CLI --skill canvas-designانسخ والصق هذا الأمر في Claude Code لتثبيت المهارة
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 文件，可在浏览器直接打开预览