AI Agent Hub
Back to plugins
dsh-uisketch preview

dsh-uisketch

Client Updated 2026.08.28

Run the following command in DeepSeek Harness:

dsh plugin install chouyulanxia114514/dsh-uisketch

Paste the following prompt into your AI chat to install this plugin:

Run dsh plugin install chouyulanxia114514/dsh-uisketch in your terminal to install the plugin; the source code is available at https://github.com/chouyulanxia114514/dsh-uisketch

About this plugin

In AI-assisted UI work, the bottleneck is rarely model capability but the manual handoff between a sketch and a structured layout description. dsh-uisketch embeds the ui-sketch-to-ai canvas editor directly into the DSH web interface. A single sidebar click opens a full-screen Konva canvas where you drag components, tweak properties, set canvas dimensions, and attach a background image. When the layout is ready, one click copies the structural JSON (with annotations; the background image is kept as an existence flag only) to the clipboard, ready to drop straight into an AI prompt.

The pre-built artifact ships inside the plugin package, so the editor is functional the moment you restart the DSH web server with zero extra build steps. If you rebuild ui-sketch-to-ai locally, point DSH_UISKETCH_DIST at your custom dist directory and restart to hot-swap the canvas engine.

This fits teams and product managers who repeatedly turn UI ideas into structured descriptions within a DSH workflow: designers sketch quickly, front-end engineers hand the layout JSON to an AI code generator, and the whole loop stays in one window, cutting context-switching and shortening the iteration cycle.

Screenshots

Use Cases

  • Turn a UI sketch into a structured JSON layout description inside the DSH workflow with minimal friction
  • Drag components, edit properties, and resize the canvas without leaving the current DSH web session
  • One-click copy the layout JSON to clipboard and feed it straight into an AI code-generation prompt

Best For

  • Front-end engineers building UI-assisted development pipelines in DSH
  • Product managers who need to structure UI ideas into reusable layout descriptions quickly
  • Design teams doing frequent sketch-to-code cycles within an AI-assisted workflow