dsh-screenshot-to-code
在终端中运行以下命令:
dsh plugin install satan9394/dsh-screenshot-to-code
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 中执行 dsh plugin install satan9394/dsh-screenshot-to-code 即可安装该插件,完整源码地址为 https://github.com/satan9394/dsh-screenshot-to-code 。
插件介绍
面对一张 UI 截图或设计参考,手动还原成可运行代码往往耗时且容易在细节上走样。dsh-screenshot-to-code 针对这一痛点,将视觉输入直接送入模型推理管线,省去反复对照和逐像素调整的环节。
插件的核心路径很直接:提供截图,模型在推理阶段解析其中的布局、配色、排版与组件结构,输出对应的代码片段。整个过程依托 DeepSeek Harness 的模型推理能力完成,无需搭建额外的中间转换服务。
它适合希望从视觉参考快速进入编码节奏的前端开发者、做快速原型验证的产品同学,以及任何拿到图片后想先跑出一个可交互版本再逐步打磨的独立开发者。
使用场景
- 将 Figma 导出截图快速转为前端组件代码
- 看到竞品界面截图后立刻搭建一个可交互原型
- 把纸质设计手稿拍照后生成对应 HTML/CSS 代码
适合人员
- 希望快速从视觉参考进入编码节奏的前端开发者
- 需要快速验证界面方案的产品与设计师
- 拿到图片后想先跑出一个可交互版本再迭代打磨的独立开发者