原始内容
name: suji-board description: 速记板——一个零依赖、纯前端的「碎片化文字收集 + 图片管理 + 整理 + 导出 Word」单文件网页应用。当用户需要:收集/摘录散落各处的文字、自动编号整理要点、按主题用文件夹归档文档、粘贴或拖拽管理图片、把零散文字一键导出成标准 .docx 文件,或要求"做个文字收集板/速记工具/剪贴板整理器/资料归档页"时使用。也适用于"把一段 HTML 做成可安装的 skill"这类交付需求。
速记板(Suji Board)
一个单文件 HTML 应用(无构建、无后端、纯本地存储),把零散文字收集成结构化文档,一键导出 Word。
核心产物:assets/word-doc.html。直接用浏览器打开即可使用,无需安装任何依赖。
何时使用本 skill
- 用户要"做个文字收集/速记/摘录/剪贴板整理工具"
- 用户想把复制来的零散文字自动编号、归类、导出成文档
- 用户需要一个本地优先、不登录不上传的资料暂存与归档页
- 用户要把这个 HTML 包装成可安装、可分发的能力(skill)
核心能力
- 粘贴即记录:Ctrl+V 直接贴,或敲回车逐条添加,每条自动编号;复制内容时序号不随行。Ctrl+V 粘贴图片时自动创建新条目并关联图片。
- 图片管理:每条笔记可关联多张图片。支持剪贴板粘贴图片、拖拽图片到条目、点击选择图片文件。图片缩略图预览,点击放大查看(全屏图片查看器),支持重命名、下载、删除。图片用 IndexedDB 存储(突破 localStorage 容量限制)。
- 每条可整理:折叠收起过长内容;存草稿箱(不参与编号与导出);删除进回收站(可恢复、可彻底清除)。
- 文件夹归档:建文件夹分主题;上传/拖拽 txt·doc·docx·md·rtf·json·csv·log·xml·html 等文档;列表显示文件名/大小/上传时间;点开看正文、复制、下载、删除。上传时原始文件 blob 存入 IndexedDB,随时可下载还原原始文件。
- 一键成稿:导出标准 .docx(用内置 ZIP 打包,非 base64 伪装),可直接在 Word/WPS 打开。
- 本地保存:文字用 localStorage 存储、图片用 IndexedDB 存储,关页不丢;不联网、不登录、不上传。
- 快捷键:Ctrl+S / Cmd+S 保存,Ctrl+V 粘贴文字或图片。
交付与分发
- 直接把
assets/word-doc.html发给用户,或部署到任意静态托管。 - 要导出为可安装 skill 包:运行
python -X utf8 <skill-creator>/scripts/package_skill.py <本目录>。 - 产品命名与面向客户的功能介绍见 references/product-intro.md。
实现说明(给维护者)
- 导出 docx 走原生
Blob+ 手写 STORE 模式 ZIP(crc32 见脚本内makeZip),不依赖任何库。 - 图片存储用 IndexedDB(数据库名
sujiboard_img,store 名images),每条笔记的images数组存图片 ID,突破 localStorage 单键 ~5MB 限制。 - 文件夹上传的原始文件 blob 也存入 IndexedDB(store 名
files),下载时从 DB 取出还原,支持任意格式文件的完整下载。 - 文件夹模块用标准 HTML5 拖放 API;
.doc/.docx为二进制附件,仅保存元信息、不解析正文;.txt/.md等纯文本类可预览与复制正文。 - 文字状态存于 localStorage 四个键:
wordpad_entries、wordpad_trash、wordpad_drafts、wordpad_folders。