omdsh-dev/dsh-genui
dsh-genui
GenUI for DeepSeek Harness: interactive UI components rendered inline in assistant replies via the dsh-ui fence — layout, charts, plots, forms, quizzes, mermaid, 3D scenes, and an action event loop back to the model. Ships the fence-teaching host plugin, the browser renderer (client half), and the genui skill.
Install
npx @deepseek-ai/dsh plugin --profile web add @changfenhuang/dsh-genuiRestart `dsh web` after install. Bundle APIs can change during the developer preview.
README badge
[](https://dshhub.dev/plugins/dsh-genui)Paste this into your README. The star count updates with every catalog sync.
From the README
Excerpt from omdsh-dev/dsh-genui, cleaned of badges and images.
<strong>Generative UI for DeepSeek Harness (DSH)</strong><br> Interactive, rich components rendered inline alongside the model's textual responses.
<strong>English</strong> · <a href="./README.zh-CN.md">简体中文</a>
<a href="https://omdsh-dev.github.io/dsh-genui/"><strong>🌐 Live Product Site</strong></a> · <a href="#-real-interface-showcase"><strong>🎬 Real Demo</strong></a> · <a href="#-quick-start"><strong>🚀 Quick Start</strong></a> · <a href="#-capability-matrix"><strong>🧩 Feature Matrix</strong></a> · <a href="./SKILL.md"><strong>📖 Component Syntax (SKILL.md)</strong></a>
dsh-genui turns DeepSeek Harness (DSH) assistant replies into safe, fully interactive UI surfaces.
Ask “How are this month’s orders doing?”, and instead of plain text or raw code blocks, the response streams out an interactive sortable data table, audio/video players, draggable function plots, self-grading quizzes, or a persistent workspace dock — all embedded seamlessly within the conversation.
🎬 Real Interface Showcase
[!NOTE] Real Interface Captures: All recordings and screenshots below are captured directly from real DSH interface rendering — no conceptual mockups or faked pre-renders.
40-Second Walkthrough
https://github.com/user-attachments/assets/f5db33ec-7471-4d4a-a85b-79c9962ab4ef
<a href="./assets/demo.mp4"><img src="./assets/demo-thumb.png" width="88%" alt="Preview of the complete dsh-genui walkthrough video"></a> <br><em>(Click the thumbnail to download the <a href="./assets/demo.mp4">original MP4</a> if the GitHub video player fails to load. The prompt sequence is documented in <a href="./demo-prompts.md">demo-prompts.md</a>.)</em>
Three Concrete Real Outputs
| 1. Monitoring Panel: Answer is the Dashboard | 2. Function Plot: Drag to Redraw Instantly | 3. Composable Hierarchy: Work Surface |
|---|---|---|
| Data Insights: Eyebrow stats, filterable/drill-down service table, grouped totals, and spark/ring cells directly live in the assistant reply. | Zero-Latency Exploration: plot draws mathematical curves; drag parameter sliders to re-calculate and redraw locally in real time. | Structured Hierarchy: Display quotes, stat cards, ring progress, and labeled chapter dividers composed declaratively by the model. |
✨ Before vs. After
| Scenario | Plain Text Response | With dsh-genui |
|---|---|---|
| Business Overview | “Revenue this month is ¥128,430 (+12.4% MoM); conversion rate is slightly dipping…” | One line of concise prose + 3 stat cards (revenue/orders/conversion), a trend chart, and a progress bar rendered right beside it. |
| Data Exploration | Type another prompt to ask the model to re-sort or filter. | Click table headers to sort numbers locally, or use the search box to filter rows in real time. |
| Parameter Tuning | Re-prompt the model and wait for another full generation. | Drag sliders to see curves update in sub-millisecond speed with animation preview. |
| Next Actions | Copy text and manually perform follow-up tasks elsewhere. | Click interactive action buttons (e.g. “Refresh”, “Switch View”) to trigger bidirectional model event loops. |
🚀 Quick Start
1. Prerequisites
…
