Introduction¶

The core philosophy of DeepSeek Harness (DSH) is “everything is a plugin.” In web environments, when models generate complex data visualizations, interactive components, or animations, it often requires writing extensive low-level code, or there is a lack of a unified validation mechanism. dsh-motion-ui addresses this problem by providing DeepSeek Harness Web with a standardized set of rendering tools, allowing models to directly generate validated UI components, charts, and scenes without manually handling the details of HTML/SVG source code.

What Is This¶

dsh-motion-ui is a plugin designed for DeepSeek Harness Web 0.2.0-rc.2, maintained by developer Scorp1o117 and licensed under MIT.

It reuses the core rendering and validation logic of the MIT-licensed project dsh-genui, extending it with support for animations, mechanism diagrams, and local computation. The plugin does not provide backend APIs; all rendering and computation are completed locally, ensuring data security while also avoiding conflicts with dsh-generative-ui.

Core Features¶

The plugin provides the following core capabilities:

• Scenes: Supports quick rendering of four scenarios: process, solution comparison, total allocation, and budget.
• Text layout: Provides 8 presets (reading, concise, comparison, list, highlight, scoring, process, minimal), and supports custom font size, color, alignment, and layout.
• UI components: Provides validated native components, including cards, lists, tables, forms, timelines, and tabs.
• Canvas drawing: Supports free-form HTML/SVG drawing.
• Mechanism diagrams: Supports kinematic scenarios such as assembly breakdown, gear transmission, and crank and connecting rod mechanisms.
• Style management: Includes 5 built-in styles (bright flat, clean reading, soft color, technical schematic, vibrant presentation).
• Local computation and charts: Integrates ECharts, Mermaid, Three.js, and KaTeX, supporting local data sorting, filtering, and chart generation.

Installation and Activation¶

In the DeepSeek Harness Web environment, you can install this plugin via the command line:

dsh plugin --profile web add dsh-motion-ui

After installation, restart the Web process and refresh the browser page to load the new plugin. If installing the source-built version in a development environment, make sure to first uninstall dsh-generative-ui, because both register the same tools.

Typical Usage¶

The plugin interacts with models through tool calls. The following are typical invocation patterns:

• View component catalog:

    ui_catalog({topic:"text"})

• Render budget scene:

    render_scene({scene:"budget",title:"假设旅行预算",values:{people:3,nights:3,roomRate:600,transportPerPerson:800}})

• Render text block:

    render_text({preset:"reading",blocks:[
      {type:"text",spans:[{text:"重点："},{text:"先交付最小完整结果",weight:700,color:"success"}]}
    ]})

• Render custom UI:

    render_ui({document:{title:"Git 小测",items:[
      {type:"radio",group:"q1",label:"提交记录什么？",options:["暂存区快照","所有未暂存修改"],answer:0,explanation:"git commit 记录暂存区快照。"},
      {type:"submit",label:"检查答案",groups:["q1"]}
    ]}})

Applicable Scenarios and Notes¶

The plugin is suitable for scenarios requiring visual output, such as data reports, process diagrams, online quizzes, and local parameter configuration.

When using it, note the following:

1. Version compatibility: Compatible only with DeepSeek Harness Web 0.2.0-rc.2.
2. Environment limitations: The plugin does not provide the /panel command or a custom renderer registration API. Standalone HTML interfaces cannot send host Agent requests or open local files (external media requires network), and cannot access host filesystem permissions.
3. Default configuration: The default style is “bright flat”; no additional setup is required on first use.
4. Development environment: If developing this plugin, you must first uninstall dsh-generative-ui, otherwise installation may fail due to tool registration conflicts.

Brief Conclusion¶

dsh-motion-ui lowers the barrier to generating high-quality interactive interfaces in DSH Web by reusing a mature rendering core and packaging it into easy-to-use tools. It focuses on providing reliable rendering tools and style management, making it suitable for development scenarios that require data visualization, local computation, and structured interactive interfaces.

Project Directory | GitHub Repository