墨韵书房
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_7837302a/my202604131156。
技能介绍
要解决什么问题
读纸质书或 PDF 时,书名、摘要、摘录和「这本书到底教会我什么」往往散落在笔记 App、文档和脑子里。你需要一个只为自己服务的轻量载体:能一眼看到在读什么、点开就能读、还能按书整理知识点——又不想搭后端、也不想每次联网。
墨韵书房是一个纯前端单文件 HTML 读书笔记工具:竖排书脊书架 + 全屏阅读视图,数据落在浏览器 localStorage。
它如何工作
- 书架展示:书脊卡片竖排布局,深墨色与金色装饰,偏东方书卷视觉。
- 书籍管理:添加书籍时需填标题、作者、类型、内容摘要;可选填知识点列表与书评。添加后书架刷新,结构对应
Book对象(title/author/category/摘要/知识点/书评)。 - 阅读视图:点击书脊进入全屏界面,支持竖排滚动阅读。
- 知识提炼:每本书维护独立的「知识点」列表,适合读书笔记与要点回顾(需手动录入,不调用外部 AI 接口)。
- 持久化:通过
safeSetItem/safeGetItem读写localStorage;首次可用「加载示例书籍」查看sampleBooks效果。
典型流程:双击打开 HTML → 加载示例或手动添加 → 点击书脊阅读 → 刷新页面数据仍在(在存储可用的环境下)。
适用边界
- 在
file://协议下,部分浏览器对localStorage有限制;项目已做容错,但数据可能无法长期保留,建议在本地 HTTP 服务下运行。 - 定制时可改 CSS 变量(如
--ink-dark、--gold-accent)、示例数据或存储后端(IndexedDB、文件导出等),但默认交付即开箱可用的单文件形态。
使用场景
- 读完一批技术或人文书后,要在本机把每本的标题、摘要和知识点做成可点击的书脊书架,复习时按书进入阅读界面。
- 撰写读书报告或分享书单前,需要录入作者、类型、书评,并从书脊展开全屏竖排界面阅读摘抄与笔记。
- 出差或离线环境下无法依赖云端笔记,仍要用单文件页面维护书单、内容摘要和要点列表。
- 习惯竖排阅读长文时,希望书架上一键进入某本书的全屏滚动视图,并对照该书下的知识点条目做回顾。
适合人员
- 每月会读完多本书、希望把摘要与知识点按书目归档在浏览器本地、不依赖在线文档的读者
- 要在课堂或工作坊演示东方书脊书架 UI,并用示例书数据讲解读书笔记结构的教师或培训讲师
- 不愿搭服务器或账号体系,只想用双击即可运行的 HTML 管理书单与书评的独立作者或研究者
- 要求笔记留在本机 localStorage、并愿意手动维护知识点列表而非调用 AI 接口的隐私敏感用户