dsh-design-studio
在终端中运行以下命令:
dsh plugin install OrderG-X/dsh-design-studio
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 的插件页或终端执行 dsh plugin install OrderG-X/dsh-design-studio(源码:https://github.com/OrderG-X/dsh-design-studio),安装后重启 DSH。
插件介绍
在 DSH 里让模型做网页、App、海报或幻灯片时,你往往只能盯着聊天里的代码猜最终长什么样,改一句配色又要自己找文件、对预览。设计工作台把预览搬到右侧栏:一屏一屏在画布上排开,套上手机或浏览器外框,生成过程可见,本地或开发服务器一改就平滑刷新,改动处还会闪一下提醒你。
核心是把「看」和「改」接到对话里。你可以点选或框选页面元素,整理成文字放进输入框,补一句「改成橙色」让模型按源码改;内置 ui-design 技能与 design tokens 面板,改一个变量多屏一起变。还有版本自动存档、左右对比、回到某一版、导出带外框或合成展示图、多尺寸并排、可点原型演示、手机扫码真机预览、参考图取色等,覆盖从出稿到微调的一整条链路。
适合经常用 DSH 做界面设计的产品、设计、前端和独立开发者——尤其是需要多屏流程、要快速迭代视觉、又希望模型改哪里你一眼能确认的场景。非设计任务不会乱弹预览,只在需要设计技能或 preview_page 时自动打开,日常写别的网页也不会被打扰。
截图预览
使用场景
- 用模型做多屏 App 或网页,在右侧画布边看生成边微调
- 点选元素描述改动,或通过 tokens 改主色让全部屏幕一起变
- 需要对比历史版本、导出展示图或在手机上扫码验真机效果
适合人员
- 在 DSH 里频繁做界面原型与视觉迭代的产品与设计同学
- 希望少切窗口、直接对着预览改稿的前端开发者
- 需要作品集展示图或多屏流程演示的独立开发者

