Preface¶
The default background of the DeepSeek Harness (DSH) Web interface is rather plain. To add some dynamic visuals without altering the interface color scheme or disrupting operations, a common approach is to modify the theme CSS or switch skins. However, such changes often affect global styles, making maintenance and switching costly.
dsh-cyber-particle takes a different path: it uses a full-screen overlay on the browser side to render a particle network animation, with pointer-events passthrough. It doesn’t register any server-side routes and doesn’t modify the existing interface color scheme. Below, we’ll introduce its purpose, capabilities, and installation method.
What Is This¶
cyber-particle (repository AKS1st/dsh-cyber-particle) is published by maintainer AKS1st and classified as a fun customization plugin for DSH. It provides a dynamic particle network background for the DeepSeek Harness Web interface: gray-white scattered points randomly fly in from the screen edges, move in straight lines across the interface, and re-enter from new edges after leaving. Particles within a threshold distance automatically connect, forming a constantly changing network structure.
The rendering occurs on a full-screen overlay layer of the interface, without affecting mouse and keyboard interactions. All logic is completed on the browser side with no npm runtime dependencies; the server doesn’t register any webServer routes. It can be hot-switched like a skin via dshmarket, without causing route conflicts.
Core Features¶
Particle Animation¶
Particles randomly enter from the screen edges, move in straight lines, leave, and re-enter from new edges. Particles within a threshold distance automatically draw connecting lines, forming a constantly changing network structure. The colors of particles and lines can be adjusted via the settings page palette.
Settings Page and Persistence¶
The plugin includes a built-in “Settings → Particle Background” page for real-time adjustments:
- Particle count and radius
- Line thickness and connection distance
- Movement speed
- Particle color and line color
A one-click reset to default values is supported. Adjustments take effect immediately and are persisted in the browser’s localStorage (key cyber-particle:config), automatically restoring after page refresh or restarting dsh web. The settings page text follows DSH’s language settings (Chinese/English).
Resolution Adaptation¶
The effect uses a reference viewport of 2560×1440 (27” 2K) and automatically normalizes based on the device pixel ratio and viewport area. The settings page displays qualitative levels like “Less/More, Smaller/Larger, Thinner/Thicker, Closer/Farther, Slower/Faster” without showing absolute values to avoid ambiguity across different screen sizes.
Internal parameters have default values and ranges as follows (scaled by scale during rendering, where scale = √(viewport area / reference area) and is constrained to 0.55–1.5):
| Parameter | Default Value | Range | Description |
|---|---|---|---|
| Particle Count | 52 | 10–120 | Base count, scaled by scale² (clipped to 8–240) |
| Particle Radius | 2.2 | 0.5–6 | Radius (px), scaled by scale |
| Line Thickness | 1.2 | 0.2–4 | Line width (px), scaled by scale |
| Connection Distance | 180 | 40–400 | Connection threshold (px), scaled by scale |
| Movement Speed | 3.0 | 0.5–8 | Base speed, randomly varies between 2/3× and 1.4× |
| Particle Color | #7d8999 |
Palette | Scattered point color (fixed 0.9 opacity) |
| Line Color | #6e7a8c |
Palette | Connecting line color (opacity decays with distance) |
The device pixel ratio is capped at 2; high-DPI screens (e.g., 4K@200%) render according to DPR to maintain line clarity.
Installation and Enabling¶
Install from the GitHub repository (pure JS, zero build, ready to use):
dsh plugin --profile web add github:AKS1st/dsh-cyber-particle
dsh web # Restart the web service to apply the profile
Local installation (clone and point directly to the repository directory):
git clone https://github.com/AKS1st/dsh-cyber-particle.git
dsh plugin --profile web add /path/to/dsh-cyber-particle
dsh web
The current version is 0.2.3, licensed under MIT. The plugin injects into the Web client via a Cordis patch (cordis.patch.yml) and is only for the web profile.
Typical Usage¶
After installation and restarting dsh web, open the DSH Web interface to see the particle background. No additional command-line operations are needed.
To adjust the effect, go to “Settings → Particle Background” and modify parameters as desired; if unsatisfied, reset to defaults with one click. To uninstall, run:
dsh plugin --profile web remove cyber-particle
dsh web
Use Cases and Considerations¶
This plugin is suitable for users who want to add a lightweight dynamic background to the DSH Web interface without altering the theme color scheme. It doesn’t consume server resources or affect existing interaction logic.
Before installation, note that the plugin runs with the permissions of the current dsh process. Although the README indicates no server-side behavior, it’s recommended to review the repository source code and confirm the MIT license before installation. The DSH ecosystem follows the “everything is a plugin” principle; community directories like SkillHub are independent sites and have no official affiliation with DeepSeek or High-Flyer.
Links¶
- Directory Page: https://www.skillhub.cn/plugins/AKS1st/dsh-cyber-particle
- GitHub: https://github.com/AKS1st/dsh-cyber-particle