chouyulanxia114514/dsh-uisketch ↗★ 0
dsh-uisketch
将 ui-sketch-to-ai 画板编辑器嵌入 DSH Web 界面的插件,提供侧栏开关与全屏浮层。
AI 分析
在 DSH 界面中直接拖拽组件绘制 UI 并导出布局 JSON 供 AI 使用。适合需要快速进行原型设计并让 AI 生成代码的开发与设计任务。
安裝
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:chouyulanxia114514/dsh-uisketch說明文件
閱讀完整 README ↗使用
- 点击侧栏底部「UI 画板」(窄轨道时是 📐)打开全屏编辑器
- 从左侧组件面板把组件拖到画布,用右侧属性面板调整
- 点「导出 JSON → 剪贴板」得到布局描述(可直接喂给 AI)
- 右上角「✕ 关闭」退出
配置
| 环境变量 | 作用 |
|---|---|
DSH_UISKETCH_DIST | 指向本地重新构建的 ui-sketch-to-ai dist/ 目录;缺省使用包内内置产物 |
重新构建应用后想立即生效,设置 DSH_UISKETCH_DIST=/path/to/ui-sketch-to-ai/dist 并重启 dsh。