UI设计Skill：Agent 场景下的 UI 生成与界面优化
UI设计Skill 是 SkillHub 社区 design-media 类技能，版本 1.0.0，无需 API Key。当用户请求生成或优化 Web/App 界面、Dashboard、Landing Page、组件库或设计系统时触发，参考 Material Design 与 Apple HIG，输出简约高级的 UI 代码。本文基于官方简介与 SkillHub 安装文档，说明定位、能力、skillhub CLI 与 Cursor/Claude Code/Codex 的 skills 目录安装方式，并给出可复现的自然语言用法示例与路径配置注意点。
Read Moredsh-plugin-composer-align: Eliminating Input Box Shift in New Sessions
The dsh-plugin-composer-align plugin fixes the position of the input box on the new conversation page through pure CSS changes, ensuring it remains consistent with its position in the conversation state after a message is sent. This removes the visual jump the input box experiences when the first message is sent. The plugin supports 26px of bottom spacing, relies on browser support for the CSS `:has()` selector, and does not involve any interactive logic. Refreshing the page after installation activates the plugin, providing users with a more stable visual experience.
Read Moredsh-personal-model-picker: DSH Compact Two-Column Model Picker
`dsh-personal-model-picker` is an unofficial plugin for DeepSeek Harness, designed to optimize the model switching experience. It replaces the official, cumbersome hierarchical menu with a side-by-side two-column view: vendors are shown on the left, models on the right, with independent scrolling. It also adds reasoning-level visualization, a fixed-height panel, and an opaque background, resolving the positioning jump issue during switching. The plugin depends on DSH core version 0.1.5-rc.2 or 0.2.0-rc.2, and once installed, it can fully replace the official entry point.
Read Moredsh-simple-view: Making the DeepSeek Harness Chat Interface Cleaner
The `dsh-simple-view` plugin optimizes the DeepSeek Harness chat interface by hiding execution logs, adjusting styles, and injecting system instructions to create a more focused view. It conceals execution details such as Think and tool calls, tightens spacing, reduces font size, keeps only error and question lines, and wraps assistant replies in chat bubbles. The plugin also allows editing the “Concise Reply Instruction” to control the model’s output style, depends on DSH Settings and Schemastery, and works right after installation.
Read Moredsh-plugin-width-slider: DSH Integrated UI Enhancement Plugin
The DSH plugin `dsh-plugin-width-slider`, maintained by djs326, is designed to address gaps in the interaction experience of the official client. It consolidates core features such as conversation width adjustment, forced Simplified Chinese output, settings panel patches, session deletion, and workspace pagination. The plugin supports a width slider and a “follow window” mode, enhances the expansion of thinking blocks and language control, and transforms the sidebar into a tab bar. Installation requires running the corresponding command in the terminal and restarting DSH. Note that this plugin integrates upstream features and supports only Windows and DSH versions 0.1.5-rc.1 or later.
Read Moredsh-plugin-inventory-groups: Display Official and Self-Installed Plugins Separately
The DeepSeek Harness plugin `dsh-plugin-inventory-groups` divides the official default mixed plugin list into “User-Installed Plugins” and “Official Plugins” groups. It achieves interface separation via a Cordis bundle patch without modifying source code. After installation and restart, users can quickly locate and manage third-party plugins in the plugin list, improving retrieval efficiency. It is effective only on the Web platform.
Read MoreDeepSeek Harness Plugin: dsh-process-fold
The `dsh-process-fold` plugin is designed to address the issue of the DeepSeek Harness Web interface occupying excessive vertical space. It consolidates tool calls, context, and thinking processes into compact bordered process boxes, keeping model text outside the boxes to reduce distraction. The plugin offers smart interactions: by default, it collapses to show only the latest two items, and supports expanding a specific box individually via a stacked-lines icon; it also provides a toggle mechanism that works in conjunction with the official “Process Folding” button. The plugin is easy to install, automatically cleans up side effects when disabled, and is suitable for developers who want to keep the interface tidy.
Read Moredsh-vision-router-inline
The `dsh-vision-router-inline` plugin for DeepSeek Harness is designed to optimize the routing display for vision models. It folds the Auto Vision twins into a square image button on the original model row, allowing users to click the button to switch to the vision route and click the name to switch back to the text route. This plugin is compatible with `dsh-better-ux`, but it requires installing and loading `dsh-vision-router` (≥1.0) first to take effect.
Read Moredsh-better-ux: UI Optimization Plugin for DeepSeek Harness
`dsh-better-ux` is a web UI optimization plugin for DeepSeek Harness (DSH). It aims to address the limitations of the original interface in multi-session management and mobile interactions, improving efficiency through independent modules. Core features include optimized quick actions in session rows, model selection as a full-screen overlay to reduce UI hierarchy, in-depth mobile enhancements (custom navigation bar, image sending, and no autofocus), and global font scaling settings. It does not change core logic, is compatible with `dsh-vision-router`, and must be manually enabled in settings after installation.
Read Moredsh-compact-activity: Making DSH Process Recording More Compact
`dsh-compact-activity` is a plugin for DSH designed to optimize the display of continuous thinking and tool calls in the web interface. This plugin collapses such process information into a single-line item that is collapsed by default, allowing users to expand it at any time to view details while ensuring the model's final output remains clearly visible. It displays the execution status, count, and summary of the last activity in real time, and can identify non-zero exit codes or termination signals from terminal tools like PWSH and Bash, counting failed steps separately. If the final step fails or is interrupted, it shows "Execution Error"; if completed normally, it displays "Completed". The status text follows the language settings of DSH and supports both Chinese and English. The plugin only adjusts the interface display without modifying the model context, logs, or tool execution. Installation is applicable to DSH Desktop 2.0.3 or standard CLI/Web environments (requires pnpm).
Read More