·sv-print

可视化打印设计器组件。基于 Svelte 构建,支持 Vue、React、Angular、jQuery 等框架引入。提供拖拽式模板设计、预览、打印、导出 PDF/图片功能,支持插件扩展元素(ECharts、二维码、Fabric等)。

7Installs·1Trend·@ccsimple

Installation

$npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print

How to Install sv-print

Quickly install sv-print AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: ccsimple/skill-sv-print.

SKILL.md

View raw

需要复制 nodemodules/@sv-print/hiprint/dist/print-lock.css 到开发资源目录。 例如: Vue 项目的 public 目录。 假如你部署的网站是: https://www.abcd.com/index.html 那么确保 https://www.abcd.com/print-lock.css 能够正常访问。

| hiprint | 创建模板、打印预览、provider 管理 | | hiwebSocket | 连接打印客户端 | | hinnn | 工具类(单位转换、事件等) | | HIPRINTCONFIG | 全局配置对象 |

| name | string | 'print' | 下载文件名 | | isDownload | boolean | true | 是否自动下载 | | type | string | 'blob' | 输出类型: blob, bloburl, dataurl, pdfobjectnewwindow | | paperWidth | number | - | 纸张宽度 (mm),小模板填充时有效 | | paperHeight | number | - | 纸张高度 (mm),小模板填充时有效 | | onProgress | function | - | 进度回调 (cur, total) |

可视化打印设计器组件。基于 Svelte 构建,支持 Vue、React、Angular、jQuery 等框架引入。提供拖拽式模板设计、预览、打印、导出 PDF/图片功能,支持插件扩展元素(ECharts、二维码、Fabric等)。 Source: ccsimple/skill-sv-print.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print
Category
#Documents
Verified
First Seen
2026-02-25
Updated
2026-03-11

Browse more skills from ccsimple/skill-sv-print

Quick answers

What is sv-print?

可视化打印设计器组件。基于 Svelte 构建,支持 Vue、React、Angular、jQuery 等框架引入。提供拖拽式模板设计、预览、打印、导出 PDF/图片功能,支持插件扩展元素(ECharts、二维码、Fabric等)。 Source: ccsimple/skill-sv-print.

How do I install sv-print?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/ccsimple/skill-sv-print

Details

Category
#Documents
Source
skills.sh
First Seen
2026-02-25

Related Skills

None