前言¶
在 DeepSeek Harness（DSH）里做前端或界面相关对话时，设计参考往往散落在仓库、文档或浏览器标签里：查一个卡片的参数要切窗口，复制 HTML/CSS 又要对一下版本。设记 Design Memory 本身是一套可浏览的设计资产与组件说明；若能把它的组件库嵌进 DSH 的 Web 界面，就可以在会话旁按类型翻看、看实时预览并直接复制代码，而不必反复离开 Harness。
下面介绍社区插件 dsh-sheji-library（维护者 unhurriedly，分类为客户端）：把设记 Design Memory 的前端组件库放进 DSH 侧边菜单，数据以只读方式提供，不写入会话、不上传内容。
这是什么¶
dsh-sheji-library 是面向 DSH 0.2.x Web UI 的客户端插件（package.json 版本 0.1.0，许可证 MIT）。点击侧边栏「设记 Design Memory」图标后，可按资产类型浏览组件、查看实时预览、阅读设计参数，并一键复制 HTML / CSS / JS，或在新标签页打开独立预览。
插件打包约 600KB 的页面与元数据快照，离线也能看到布局与文字；字体和大图（约 80MB）不随包分发，预览时会请求公开站点加载。插件以当前 DSH 进程权限运行，安装前请自行审阅 GitHub 源码 与许可证。
核心功能¶
README 中列出的能力如下，均可在安装后直接使用。
- 侧边栏入口：面板图标、标题与品牌 logo 取自设记项目本身；安装并刷新后，图标出现在侧边栏（位于插件、定时任务之后）。
- 按类型导航：左侧「资产类型」包括全部资产、字体排版、卡片组件、布局结构、交互动效、图形视觉，并显示各类型数量。
- 列表与详情：列表卡片内嵌组件实时预览；详情页展示完整预览、设计说明、适用场景、实现要点、关键参数和标签。
- 复制与外链：支持一键复制 HTML / CSS / JS，或在新标签页打开独立预览。
- 只读与安全边界：数据只读，不写入会话、不上传任何内容；服务端仅注册同源只读路由，并拒绝目录穿越、隐藏文件及非
GET/HEAD请求。
安装与启用¶
适用于 DSH 0.2.x 的 Web UI。官方安装命令如下。
dsh plugin --profile web add github:unhurriedly/dsh-sheji-library
也可以在 DSH 插件管理里安装本地目录或 GitHub 仓库。安装完成后刷新页面，侧边栏会出现组件库图标。
典型用法¶
在 Harness 里浏览与复制代码¶
- 打开 DSH Web 界面，在侧边栏点击「设记 Design Memory」。
- 在左侧选择资产类型（例如「卡片组件」），在列表中查看内嵌预览。
- 进入某条详情，阅读设计说明与关键参数，使用一键复制获取 HTML / CSS / JS，或在新标签页打开独立预览。
首次打开某个需要线上资源的预览时需联网：字体与图片会从公开站点 https://unhurriedly.github.io/Design-memory/ 加载。公开站点目前停留在 2026-08 版本，因此 OmniAI 与 Liquid Gooey 套件相关页面与必要图片随插件内置；其余组件页面亦在包内，仅字体与图片走线上。data/resources.js 中 3 条指向已移除 demo 的历史记录会被跳过，与设记原站行为一致。
本地完整副本（完全离线）¶
若你本地有设记资源库完整副本（含 assets/），可在 profile 的 cordis.patch.yml 中覆盖 root：
- id: sheji-library
name: 'dsh-sheji-library'
config:
root: /path/to/Design
本地模式下数据与全部预览都从该目录读取；移除 root 即回到内置快照模式。root 模式下文件服务限制在配置目录内。
维护者更新内置快照¶
组件页面或元数据变更后，在设记仓库内重新生成并随插件发版：
cd dsh-sheji-library
node scripts/build-library.mjs /path/to/Design
脚本会复制 components/、少量尚未上线的媒体，并写入 library/library.json。
插件暴露的路由（供排查）¶
GET /dsh-sheji/library.json：组件元数据、类型、标签、设计参数与代码。GET /dsh-sheji/preview/<相对路径>：内置页面与媒体；内置目录没有的文件会 302 到公开站点。
适用场景与注意¶
适合谁：在 DSH 里做 UI/前端相关智能体或人工配对开发、需要对照设记 Design Memory 里已归档组件与实现要点的开发者。
应注意：
- 大体积媒体依赖公网站点，离线环境仅能依赖内置快照与文字；完全离线需配置本地
root。 - 插件不修改会话内容，也不代你执行复制后的代码；复制结果仍需在项目里自行适配。
- 社区目录 SkillHub 插件页 与 GitHub 仓库由维护者发布，与 DeepSeek / 幻方无官方从属关系；DSH 生态以「一切皆插件」为思路，安装第三方插件前请检查源码与 MIT 许可条款。
插件本身无构建步骤、无运行时依赖；若参与修改，可用 node --check index.js 与 node --check client.js 做语法检查。
结尾¶
dsh-sheji-library 把设记 Design Memory 的浏览、预览与复制流程收进 DSH 侧边栏，适合在 Harness 内快速查阅组件实现而不打断对话流。了解更多与提交问题：
- 目录页：https://www.skillhub.cn/plugins/unhurriedly/dsh-sheji-library
- GitHub：https://github.com/unhurriedly/dsh-sheji-library
