This article is derived from the plugin's already-indexed fields (wiki / faq / compatibility_json / readme), not freshly generated by AI. Source field is noted at the end of each section.

Quick start

dsh-ui-web

— source: plugin_wiki.wiki_content

Install & verify

dsh plugin --profile web add @captain1275/dsh-client-ui-skin-miku

Run the command above in your DSH Web Profile. Then enable the plugin in the plugin list.

— source: plugins.install

Key points

• 毛玻璃输入框：高斯模糊（backdrop-filter 30px）+ 半透明玻璃底 + 细边框 + 内高光
• 自定义背景：URL / 本地图片 / 动图（GIF/WebP）/ 视频（mp4/webm） / 透明度 / 模糊调节，
• 仿Claude Code推理等级滑块：点击模型菜单的「推理等级」弹出 Effort 滑块面板——无极拖动、松手吸附、
• 用户消息气泡毛玻璃：与输入框统一的玻璃质感
• 图片资源（社区同人资源，codex-pet-DeepSeek-girl）

— source: plugin_wiki.readme_en (fallback readme_raw)

FAQ

After installing, how do I switch to the default official appearance?

Execute dsh-skin use official in the terminal, the config watcher will hot-reload within a few seconds, just refresh the page to restore the original appearance.

I want to use my own Miku image as the background, how do I do that?

Put the image in the root directory of this repository (e.g., bg.png), convert it to WebP using node scripts/embed-bg.mjs and it will automatically write to the MIKU_ART constant in src/client/art.ts; then rebuild with pnpm build and refresh the page to take effect.

Will this skin work together with other skins?

No. Skins are mutually exclusive and are managed uniformly by scripts/dsh-skin in the repository; only one skin can be active at a time.

Will there be residual elements left on the page after uninstalling?

No. apply() completely cleans up everything it writes through the Cordis effect disposer, including the data-dsh-miku attribute on the body, injected title bar, status bar, favicon, and document title.

Will there be problems if the installation path contains spaces (Windows)?

Yes. dsh plugin add will break parameters when the path contains spaces. It is recommended to use cd ~/.dsh/profiles/web && pnpm add "link:<repository_absolute_path>" instead, then append the package name to the dsh.profile.bundles array in ~/.dsh/profiles/web/package.json.

The page doesn't show any changes after installation, what should I do?

Restart the dsh web service and do a hard refresh on the page (Ctrl+Shift+R). If it still doesn't work, check the managed section in ~/.dsh/cordis.patch.yml to confirm this skin is enabled.

— source: plugin_wiki.faq_json

Compatibility

• DSH: 未声明
• Node: >=20.0.0
• Platforms: macOS, Windows, Linux

— source: plugin_wiki.compatibility_json

Pitfalls

Review the upstream repo before installing. This guide is auto-derived from indexed fields and may lag the latest release. If anything contradicts the official docs, treat the upstream source as authoritative.

— source: general rule