dsh-design-studio 0.6.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.en.md +8 -4
- package/README.md +8 -4
- package/package.json +1 -1
package/README.en.md
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
>
|
|
20
20
|
> **Use it for:** "make a landing page", "design an app screen", "make a poster", "make a few slides".
|
|
21
21
|
>
|
|
22
|
-
> **Install:**
|
|
22
|
+
> **Install:** on the DSH Plugins page, click Add plugin and enter `dsh-design-studio` (an npm package), then restart DSH.
|
|
23
23
|
|
|
24
24
|
A design workbench for DSH (DeepSeek Harness), in the spirit of Google Stitch. When the model builds a web page, an app screen, a poster or a slide deck, the **Design Studio** tab in the right sidebar shows it live. Screens appear one by one on a canvas, each inside a phone or browser frame. When something looks off, click the element or drag over an area. The plugin turns your pick into text in the chat input. Add "make it orange" and send. The model edits the source, and the change flashes in the preview.
|
|
25
25
|
|
|
@@ -35,13 +35,17 @@ The exported showcase, straight from the plugin with no editing:
|
|
|
35
35
|
|
|
36
36
|
## Install
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
On the DSH Plugins page, click **Add plugin** and enter the package name:
|
|
39
|
+
|
|
40
40
|
```
|
|
41
|
+
dsh-design-studio
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
It is an npm package. When DSH installs by package name and can't reach the official npm registry, it falls back to the npmmirror mirror in China, so GitHub is never needed. You can also enter the release tarball `https://github.com/OrderG-X/dsh-design-studio/releases/latest/download/dsh-design-studio.tgz`, which needs GitHub access.
|
|
41
45
|
|
|
42
46
|
**Restart DSH** after installing, because client code is bundled when DSH starts. The plugin is listed as 设计工作台 / Design Studio on the Plugins page.
|
|
43
47
|
|
|
44
|
-
For development,
|
|
48
|
+
For development, enter the absolute path of a local checkout under **Add plugin**; it installs as a `link:`. Client changes still need a restart. `lib/picker.js` is served fresh on every request, so it doesn't.
|
|
45
49
|
|
|
46
50
|
## What it does
|
|
47
51
|
|
package/README.md
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
>
|
|
20
20
|
> **什么时候用**：「做个落地页」「设计一个 App 界面」「做张海报」「做几页幻灯片」。新会话可以直接选「设计模式」。
|
|
21
21
|
>
|
|
22
|
-
>
|
|
22
|
+
> **安装**：DSH「插件」页 →「添加插件」，填 `dsh-design-studio`（npm 包，连不上 npm 会自动换国内镜像），重启 DSH。
|
|
23
23
|
|
|
24
24
|
让 DSH（DeepSeek Harness）做界面设计时像 Google Stitch / Claude Code 桌面端那样：模型做网页、App 界面、海报、幻灯片时，右侧栏「设计工作台」实时显示——一屏一屏生成出来，在画布上并排摆好，套上手机 / 浏览器外框；看到哪里不对，点一下那个元素、或拖出一块区域，它就整理成一段文字放进输入框，补一句「改成橙色」发出去，模型照着源码改，改过的地方在预览里闪一下。
|
|
25
25
|
|
|
@@ -35,13 +35,17 @@
|
|
|
35
35
|
|
|
36
36
|
## 安装
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
在 DSH「插件」页点「添加插件」，填包名：
|
|
39
|
+
|
|
40
40
|
```
|
|
41
|
+
dsh-design-studio
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
这是 npm 包：按包名装时，DSH 连不上 npm 官方源会自动改用国内镜像（npmmirror），不经过 GitHub。也可以填发布包地址 `https://github.com/OrderG-X/dsh-design-studio/releases/latest/download/dsh-design-studio.tgz`，那样要能连上 GitHub。
|
|
41
45
|
|
|
42
46
|
装完**重启 DSH**（客户端代码在 DSH 启动时打包）。DSH「插件」页里显示为「设计工作台」。
|
|
43
47
|
|
|
44
|
-
|
|
48
|
+
开发时可以直接链到本地目录：在「添加插件」里填本仓库的绝对路径，装上的是 `link:`，改了客户端代码同样要重启（`lib/picker.js` 每次现给，不用重启）。
|
|
45
49
|
|
|
46
50
|
## 用起来是什么样
|
|
47
51
|
|