用途:根据关键词(如“打印页面 만들어줘”“프린트 페이지 생성”“출력 페이지”)触发,为指定原组件生成打印专用页面。其核心做法是 window.open 打开新窗口,仅输出内容而不带布局,生成简洁的打印专用 Vue 组件与路由配置。
主要能力:使用 Context7 MCP 参考 Vue.js 与 TailwindCSS v4 的 print variant 最新文档;使用 Sequential Thinking MCP 分析复杂打印布局;按打印媒介特性(静态、CMYK、固定 A4/Letter、300dpi 推荐)优化排版,涵盖打印字体、色彩、分页控制(break-before-page、break-after-page、break-inside-avoid)、表格头尾重复(table-header-group、table-footer-group)、隐藏与显示切换及信息层级设计。
使用方式:以 /peach-add-print [原组件路径] 调用。工作流包括确认 DESIGN.md、分析原组件数据结构与页面分割、参考最新 TailwindCSS 文档、生成打印组件与路由,并在原页面添加打印按钮。生成文件位于 front/src/modules-domain/[模块名]/pages/ 下,含打印专用 .vue 与 _[模块名]-print.routes.ts。参考模板与示例代码见 print-component.md、print-routes.md、print-design-guide.md 及 unpaid 模块示例。
适用场景:需要将现有 Vue 页面输出为适合打印的静态页面的前端开发场景。
限制:生成流程依赖 Context7 MCP 与 Sequential Thinking MCP;需存在对应原组件路径;打印样式依赖 TailwindCSS v4 的 print variant;未提供收费、价格、平台与效果说明。