Dsh Genui — Design skill for Claude Code
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 ba.
How to install Dsh Genui
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open PerryLink/dsh-genui and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Dsh Genui does
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.
Alternatives in Design
- Hue — open-source skill that learns any brand and turns it into a complete design system 806 ★
- Home Assistant Vibecode Agent — Home Assistant MCP server agent 617 ★
- Design Chatbot — Design a complete chatbot or conversational assistant UI — dialog flows, message bubbles, quick replies, typin 309 ★
README
🎨 dsh-genui
**English** · [简体中文](./README.zh-CN.md)
[**Open the live product site**](https://omdsh-dev.github.io/dsh-genui/) · [**Watch the real demo**](#watch-the-real-interface) · [**Install in DSH**](#quick-start)
Give the model's answers a face — the text is still there, and an interactive UI is already live.
🔌 Ecosystem: the repo carries the `#dsh` · `#dsh-plugin` topics — welcome to be listed by @dsh-plugin.
`dsh-genui` turns a model reply into a **safe, interactive DSH surface**. Ask “how are this month’s orders doing?” and the answer can include a sortable data panel, a native video, a draggable plot, a local quiz, or a persistent session panel — without replacing the surrounding text.
Start with the evidence
| If you want to… | Go straight to… | What you can verify |
|---|---|---|
| See the complete DSH flow first | 40-second real walkthrough | Components are rendered inside a real DSH conversation. |
| Inspect concrete UI outputs | Three real outputs | Monitoring, function plots, and composable layout primitives. |
| Try it in your own DSH | Quick start | A public npm install, a prompt to run, and an activation check. |
| Learn the JSON language | Component syntax | The supported, guarded dsh-ui component specification. |
Watch the real interface
**No concept mockups.** The recording and images in this section are captured from `dsh-genui` rendering in the DSH interface. Use them to see the actual visual language before installing.
40-second walkthrough
https://github.com/user-attachments/assets/f5db33ec-7471-4d4a-a85b-79c9962ab4ef
Click the preview to download the original MP4 if the GitHub pla
Related Skills
Gen Sys Doc
Full repo crawl → single Markdown system design document with inline Mermaid diagrams. Pre-flights language/fr
Share Config
Generate Share share-config-custom.xml (META-INF/), DocLib UI actions, rule-action UI, evaluators, indicators,
Shalva Inbox Agent
Shalva – a personal inbox assistant that learns how you write and file email, then gets your inbox down to ope
Cc Intelligent UI
Claude's answers, rendered: Markdown, math, charts and diagrams drawn in the Claude Code terminal. Independent
Dsh Claude UX
DSH plugin: Claude-style Chinese risk control & conversation autonomy for DeepSeek Harness web
Dsh Permission Rules
Claude Code-style declarative permission rules for DeepSeek Harness: ordered allow/deny/ask rules with tool-na
Related Agents
Figure Engineer
Produces every code-rendered figure: diagrams (Mermaid, D2, Graphviz), charts from data (matplotlib, Vega-Lite
Ds Flash
DSH (DeepSeek Harness) worker on the flash tier - fast and cheap. Delegate simple, well-scoped subtasks: mecha
Data Visualizer
Visualization specialist for creating interactive Plotly charts and dashboards. Use when analysis results need
