Agent Skills
返回列表
🎓

Canvas 内容工厂

教育学习 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3ff3c268/canvas-content-factory。

技能介绍

它解决什么问题

教育内容生产里，字帖、作业纸这类可打印材料往往靠手工排版：先在 Word 或设计软件里画网格，再逐页调整汉字居中、拼音标注，最后人工合成 PDF。版面一变，坐标要重新核对；想复用旧设计稿，还得肉眼比对 SVG 与 Canvas 的位置。环节越多，错漏越容易带到成品里。Canvas 内容工厂把这条流水线拆成三个可单独调用的阶段：先由网格渲染引擎生成版面，再由多页 PDF 导出完成打印交付，最后由 SVG 精准复刻把设计稿还原到 Canvas。

核心能力与关键步骤

  1. 网格渲染引擎（canvas-grid-engine）：支持 13 种教育网格，包括米字格、田字格、四线三格等；排版时把汉字置于中心，并可标注拼音，适合生字表、拼音练习等批量内容。
  2. 多页 PDF 导出（canvas-multipage-pdf）：把多页画布合成 A4 PDF，处理分页、页码与高清输出，减少手工拼版和导出脚本的维护成本。
  3. SVG 精准复刻（svg-to-canvas-replica）：输入 A4 SVG 设计稿，按原坐标还原到 Canvas，技能描述的误差指标为 < 0.001px，适合需要固定版式复现的场景。

典型用法也按阶段推进：收到“生成字帖”“导出 PDF”“还原 SVG”这类需求时，先加载总控技能，再用 Skill 工具按阶段调用对应原子技能。第 1 步生产内容，第 2 步交付打印，第 3 步做精准还原。交付物包括可打印字帖或作业纸、A4 PDF，以及 SVG 还原稿。

适用边界与注意点

这套方案更适合版式固定、批量重复的教育印刷内容，例如字帖、练习纸、课堂练习模板。SVG 复刻依赖输入设计稿本身结构清晰；若 SVG 包含大量交互逻辑、依赖运行时计算的布局，或直接引用外部资源，就需要先确认还原链路是否覆盖。三个原子技能也可独立使用：只画网格、只出 PDF，或只做 SVG 还原时，不必完整跑通闭环。涉及印刷交付时，建议再用实际打印机测试纸张、出血和色彩表现，不要只依赖屏幕上的预览。

使用场景

  • 语文老师要为整册生字表批量出字帖：套米字格或田字格，保证汉字居中、标注拼音，最后输出可打印文件。
  • 教辅编辑把多页练习纸合成 A4 PDF：需要自动分页、加页码、保证高清，用来交付印刷打样。
  • 前端工程师把旧版 A4 SVG 试卷模板还原到 Canvas：坐标要对齐，误差要求小于 0.001px，供在线渲染复用。
  • 书法培训机构按班级制作田字格、四线三格作业纸：每周更新生字内容，版式要统一可直接打印。

适合人员

  • 中小学语文或书法老师：每周要出字帖、拼音练习纸，希望套网格和标拼音不用再逐字手动调。
  • 教辅出版社排版编辑：需要把多页稿件批量转成带分页、页码的 A4 PDF，交给印刷厂打样。
  • 教育科技公司前端工程师：要把设计稿精准还原到 Canvas 做在线打印预览，担心 SVG 坐标对不上。
  • 书法或美术培训机构教务：需要按班级批量生成田字格、四线三格作业纸，并统一模板风格。