dsh-sheji-library

把 设记 Design Memory 的前端组件库放进 DeepSeek Harness 的侧边菜单栏。点击「设记 Design Memory」图标，即可按资产类型浏览组件、查看实时预览、设计参数与可复制代码。

功能

• 侧边栏面板图标，面板标题与品牌 logo 取自设记项目本身。
• 左侧「资产类型」导航：全部资产、字体排版、卡片组件、布局结构、交互动效、图形视觉，带数量。
• 列表卡片内嵌组件实时预览；详情页展示完整预览、设计说明、适用场景、实现要点、关键参数和标签。
• 一键复制 HTML / CSS / JS，或在新标签页打开独立预览。
• 数据只读，不写入会话、不上传任何内容。

安装

适用于 DSH 0.2.x 的 Web UI：

dsh plugin --profile web add github:unhurriedly/dsh-sheji-library

也可以在插件管理里安装本地目录或 GitHub 仓库。安装后刷新页面，侧边栏会出现组件库图标（位于插件、定时任务之后）。

数据与网络

• 组件页面、元数据快照随插件打包，体积约 600KB，离线也能看到布局与文字。
• 字体和图片体积较大（约 80MB），不随插件分发；预览时会重定向到公开站点 https://unhurriedly.github.io/Design-memory/ 加载。首次打开某个预览需要联网。
• data/resources.js 中 3 条指向已移除 demo 的历史记录（液滴卫星展开菜单、液滴分离邮箱输入框、可拖拽双图片熔合卡片）会被跳过，与设记原站一致。
• 公开站点目前停留在 2026-08 的版本，因此 OmniAI 与 Liquid Gooey 套件的页面和必要的图片随插件内置；其余组件页面也已随包，只有字体与图片走线上。

本地开发模式

如果你有设记资源库的完整本地副本（含 assets/），可以在 profile 的 cordis.patch.yml 里覆盖：

- id: sheji-library
  name: 'dsh-sheji-library'
  config:
    root: /path/to/Design

本地模式下数据与全部预览都从该目录读取，完全离线。移除 root 即回到内置快照模式。

更新内置快照

组件页面或元数据变更后，在设记仓库内重新生成：

cd dsh-sheji-library
node scripts/build-library.mjs /path/to/Design

脚本会复制 components/、少量尚未上线的媒体（assets/components/liquid-gooey-melt/），并写入 library/library.json。提交后发版即可。

路由

插件只注册两个同源只读路由：

• GET /dsh-sheji/library.json：组件元数据、类型、标签、设计参数与代码。
• GET /dsh-sheji/preview/<相对路径>：内置页面与媒体；内置目录没有的文件会 302 到公开站点。

路由拒绝目录穿越、隐藏文件和非 GET/HEAD 请求；root 模式下的文件服务限制在配置目录内。

开发

无构建步骤、无运行时依赖。修改后：

node --check index.js
node --check client.js

许可

MIT