Maintainer of this skill?
by OrderG-X
DSH 设计工作台：模型画的界面摆上画布，点一下就改，还有设计市场。 · Design canvas for DeepSeek Harness (DSH): web, app, mini program and desktop screens in device frames, click or draw to edit, a design market of templates, export and code handoff (React / Vue / uni-app).
# Add to your Claude Code skills
git clone https://github.com/OrderG-X/dsh-design-studioGuides for using ai agents skills like dsh-design-studio.
See how dsh-design-studio compares with popular alternatives.
dsh-design-studio is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by OrderG-X. DSH 设计工作台：模型画的界面摆上画布，点一下就改，还有设计市场。 · Design canvas for DeepSeek Harness (DSH): web, app, mini program and desktop screens in device frames, click or draw to edit, a design market of templates, export and code handoff (React / Vue / uni-app). It has 54 GitHub stars.
dsh-design-studio's catalog security scan is still queued. You can run an instant dependency and prompt-injection check now with the "Scan for vulnerabilities" button above.
Clone the repository with "git clone https://github.com/OrderG-X/dsh-design-studio" and add it to your Claude Code skills directory (see the Installation section above).
dsh-design-studio is primarily written in JavaScript. It is open-source under OrderG-X on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh dsh-design-studio against similar tools.
No comments yet. Be the first to share your thoughts!
Available after the catalog security scan passes.
⚠️ Third-Party Software Notice
This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.
Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.
Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.
The deep catalog scan for this skill is still queued. Run an instant dependency check now instead.
设计工作台是 DeepSeek Harness（DSH）的插件：说一句要做什么，模型做的网页、App 界面、小程序、桌面软件、海报、幻灯片在右边画布上一屏屏长出来，套着手机、浏览器或软件窗口外框。看中哪个方向点一下，哪里不对点一下说一句，模型就照着改。
dsh-design-studio，点安装。需要什么：DSH 桌面版、网页版都能用，Mac、Windows 都行。「设计体检」要电脑上装着 Chrome 或 Edge。
连不上 npm 时 DSH 会自动换国内镜像。更新：DSH 0.2.2 起，在「插件」页点开它，点「更新到 …」；更老的 DSH 先卸载，再添加一次。新版发布后大约一天，按包名才装得到；急的话卸载后填发布包地址 https://github.com/OrderG-X/dsh-design-studio/releases/latest/download/dsh-design-studio.tgz（要能连上 GitHub），不过这样装的以后不能点更新。
宽x高 指定，比如 <meta name="dsh-design" content="slides 1440x810">。导出选项里可以选版面（16:9、4:3、A3 横向、自定义）、每页取景（一屏、整页、指定高度）和每页拼 2 屏；有内容会被裁时，导出前先给一张清单，可以一键按内容改画幅。annotations.json，记界面上看不出来的规则、状态和边界。页面上出编号，右侧栏列卡片，点哪边都能定位到另一边；转成代码时这些规则一起交给开发（#15）。全部功能、工具参数和安全设计见完整功能；开发和测试见开发说明。
遇到问题或想要新功能，提一个 issue。报问题时写上 DSH 版本和插件版本，修起来最快。
MIT