Foreword

When running agents with DeepSeek Harness (DSH), the Web interface often becomes the “workbench” one stares at for long periods: functional enough, yet visually monotonous. Within the community, some create task boards, others build cost trackers, while some focus specifically on “aesthetics”—replacing the chat window background with a real-time rendered ocean, where waves undulate and sunlight shifts during conversations, giving Harness immediate distinction.

Today, we introduce Open Sea Skin (repository name open-sea-skin), an open-source project maintained by d-dev0101. Classified under “fun skins” in the SkillHub plugin directory, it has garnered approximately 188 GitHub stars as of verification. The plugin uses WebGPU to render five Gerstner wave ocean sets behind Harness while retaining a translucent glass UI—preserving functionality while transforming the ambiance.

It’s important to note: DSH’s core philosophy is “everything is a plugin.” Community directories like SkillHub are maintained by enthusiasts and have no official affiliation with DeepSeek or High-Flyer. Before installing any plugin, we recommend reviewing the source code and licenses yourself.

What Is This

Open Sea Skin is a self-contained WebGPU ocean skin solution for DeepSeek Harness. It retains the original five-wave Gerstner/TSL ocean visuals, overlays the translucent Harness theme, and offers four integration methods:

  1. DSH Plugin (recommended in the official README—install with a single command)
  2. Chrome / Edge Extension—applying only to Harness
  3. Static dist Install Script—no need to compile source code
  4. Native Integration into the Harness source tree (settings appear in “General Settings”)

In short: it makes the local dsh web interface feature an interactive, adjustable real-time ocean behind it, rather than a static wallpaper.

Core Features and Highlights

Based on the GitHub repository and Chinese README, the verified key capabilities are as follows.

Rendering and Visuals

  • Built on WebGPU + three.js 0.178.0 + TSL, featuring five Gerstner waves, analytical normals, FBM details, Fresnel sky reflection, sunlight glinting, crest foam, horizon fog, sky cloud bands, and bloom with ACES tone mapping.
  • Default 40% glass opacity keeps the Harness three-column layout usable; in ultra-wide windows, settings dialogs overlay the input box, while the ocean remains behind the interface.

Interaction and Control

  • A “Skin Settings” quick-access button at the bottom left allows adjusting wave size, sunlight, glass opacity, and a 12-minute automatic day-night cycle (manually dragging sunlight freezes the current time; automatic cycling can be re-enabled).
  • Bilingual Chinese/English UI, supporting keyboard focus cycling, Esc to close, and prefers-reduced-motion degradation.

Performance and Privacy

  • All resources are localized: three.js and Geist fonts are vendored; the extension and installer request no CDNs and contain no analytics telemetry.
  • 256×256 grid (160×160 for low-end/reduced motion mode), DPR capped at 1.5, adaptive resolution 0.5–1.0, FPS tiers of 60/30/20, and rendering pauses when the tab is hidden.
  • The extension only requests storage and 127.0.0.1/localhost permissions; the project declares no data collection or uploads. The source code is under the MIT license.

Multiple Installation Paths

  • For regular DSH users, the plugin command is preferred; avoid modifying dsh plugin? Use the browser extension or curl | bash static install. Developers wanting native settings page integration can integrate via source code. Each path includes duplicate rendering protection, but the README recommends choosing only one for easier updates and uninstallation.

Installation and Enabling

In an environment with DeepSeek Harness CLI installed, execute (follow the repository README for install commands):

dsh plugin --profile web add 'github:d-dev0101/open-sea-skin#v1.2.1'

Then restart the Web service:

dsh web

This package has been tested on DeepSeek Harness 0.1.0-rc.6. After installation, open the Harness page in your browser—the ocean skin should appear in the background; a Skin settings / 皮肤设置 button will be visible at the bottom left.

Uninstall command:

dsh plugin --profile web remove open-sea-skin

To pin a specific version, include the release tag in the add command (e.g., #v1.2.1 as above); update by re-running add with the new tag.

Verifying Successful Loading

The DSH Plugin Installation Guide recommends confirming that the profile contains an open-sea-skin line and that the following same-origin URLs return HTTP 200:

/plugins/open-sea-skin/client.js
/open-sea-skin/skin.html
/open-sea-skin/styles.css
/open-sea-skin/ocean.js

If the button doesn’t appear, first ensure the --profile web used in dsh plugin add matches the current dsh web, then restart the Web process and refresh the page.

Other Installation Methods (As Needed)

Chrome / Edge Extension: Download open-sea-skin-extension-*.zip from Releases or clone the repository. Enable developer mode in chrome://extensions, load the extension/ directory, then visit your local Harness and refresh. The extension verifies the page title and Harness startup markers to avoid accidental modification of other local sites.

Static dist Injection (no need to compile Harness source code):

curl -fsSL https://raw.githubusercontent.com/d-dev0101/open-sea-skin/main/install.sh | bash

Stop Harness before executing; after completion, re-run dsh web and keep the terminal process running, then refresh the browser. After Harness upgrades, re-run with --update; uninstall with --uninstall.

Native Source Code Integration (control options appear in “Settings → General Settings”):

git clone https://github.com/deepseek-ai/deepseek-harness.git
bash harness-plugin/install-into-harness.sh /absolute/path/deepseek-harness
cd /absolute/path/deepseek-harness
corepack pnpm install
corepack pnpm run build
corepack pnpm dsh web

This path includes anchor checks for specific Harness commits (README notes 47f943859bef). If the upstream structure changes, the install script will stop proactively to avoid blind file modifications.

Typical Usage Examples

After installing the DSH plugin and restarting dsh web, daily adjustments can be done entirely within the interface:

  1. Open your local Harness (typically http://127.0.0.1 or http://localhost on the relevant port).
  2. Click Skin Settings at the bottom left to adjust Wave Size (README example baseline is 56), Sunlight (e.g., “Afternoon 55”), and Glass Opacity (animated images uniformly show 40%).
  3. Enable Automatic Day-Night Cycle for ambiance changes; manually dragging the sunlight slider pauses the cycle until automatic mode is re-enabled.
  4. To restore defaults, run dsh plugin --profile web remove open-sea-skin; optionally manually clear residual localStorage keys like ossEnabled and ossSea in the browser.

The repository README provides GIF demos of dark/light Harness panoramas, wave adjustments, and transitions from noon to dusk. You can also preview effects at the Interactive Demo Site.

Use Cases and Considerations

Who It’s For

  • Developers who run dsh web locally for extended periods and want “living” visual feedback in their workbench.
  • Contributors exploring Harness themes/plugin ecosystems, needing references for WebGPU skin integration.
  • Environments that accept moderate GPU usage and support WebGPU (README is designed for Chrome/Edge scenarios).

Important Notes

  • The plugin shares permissions with the DSH process. Before installation, review the GitHub source code and MIT license to confirm you accept its file injection and local storage behaviors.
  • Do not mix multiple installation paths (e.g., plugin + extension + static injection simultaneously). Although duplicate rendering protection exists, updates and troubleshooting become much more complex.
  • After static installation or uninstallation, if the page shows Failed to load plugins, first confirm whether dsh web is still running—the installer only modifies frontend files and does not maintain the service process for you.
  • If you need control options embedded in Harness’s native “General Settings” page, choose source code integration; for background-only changes or quick trials, the DSH plugin method is simplest.
  • WebGPU real-time rendering has certain GPU and driver requirements; low-end devices will automatically downgrade, and you can rely on prefers-reduced-motion for simplified mode.

Conclusion

Open Sea Skin shifts DeepSeek Harness from a “pure tool interface” toward a “customizable immersive workbench”: a single dsh plugin command unfolds a real-time ocean behind the chat window, with wave and sunlight adjustments at the bottom left. For users valuing local privacy, the fully local, no-CDN, no-telemetry design is notably clean.

If you’ve already installed a suite of practical plugins with DSH, consider adding this “fun skin”—glancing up at the ocean while coding might be more de-stressing than changing theme colors.