Skip to content
dsh marketplace

dsh-claude-design-system

Verified

dsh-claude-design-system · v2.7.2 · SEE LICENSE IN LICENSE · Web UI

DeepSeek Harness plugin: the claude-design-system skill from baoyu-design. The agent writes design systems (tokens, type, components, assets) as files and opens them in a local design-system page.

Install

dsh plugin add dsh-claude-design-system

Confirm the layer applied with dsh --profile default --dump-config — see the install guide.

Source

Published to npm without a public repository. Inspect the package contents before installing.

Tags

Readme

dsh-claude-design-system

A DeepSeek Harness plugin that adds the claude-design-system skill from baoyu-design: the agent writes design systems (tokens, type, components, assets and a brand book) as files in your workspace, built from a code repository, a design tool or scratch, and opens them in a local design-system page, where you can browse and edit them.

Install

In the DeepSeek Harness desktop app: Plugins → Add plugin → enter dsh-claude-design-system in Package name or address → Install, and turn the plugin on. From the command line, for a CLI profile such as web:

dsh plugin --profile web add dsh-claude-design-system

Then quit and reopen the app, start a new session, and ask for a design system, or type /claude-design-system. A workspace that has its own claude-design-system skill (in .agents/skills/ or .dsh/skills/) uses that copy instead of this plugin's.

To update, uninstall the plugin, install it again, and quit and reopen the app. For a day after a release the app's package manager (pnpm) still picks the previous version; to get the new one sooner, enter the name with the version, such as [email protected].

What is inside

  • skills/claude-design-system/: the skill as baoyu-design publishes it (SKILL.md, artifact-type/reference/, and the prebuilt scripts/: the page, artifact.mjs, and its server).
  • lib/index.js: the plugin. It registers the skill with the Harness skill registry and, when the skill loads, tells the agent which Node executable runs scripts/artifact.mjs: the Host's own Node, the Node runtime the desktop app ships, or node on PATH. Set node in the claude-design-system row's config to choose another. Whenever the agent opens the page, the plugin also waits for comments, so a comment's Send to Agent box is there: send one and the agent wakes up, changes the system, and replies in the comment.
  • lib/client.js: the part that runs in the app's window. It shows a comment sent to the agent as a card in the chat; View thread on the card opens it in the page. It also adds Artifacts to the left sidebar, one entry for all the baoyu-design plugins: the design systems and everything else the agent has opened, each a click away from its conversation and editor.
  • cordis.patch.yml: the bundle layer that mounts the plugin row.

The page's server listens on 127.0.0.1 only and reads and writes only the design system's folder.

License

Not all MIT. The plugin's own code and files (lib/, cordis.patch.yml, locale/, docs/, icon.svg) and the skill's local tooling are MIT, in LICENSE. The bundled claude-design-system skill is adapted from Anthropic's claude.ai Design System type: its instructions, references, page and icon fonts stay Anthropic's and are not under the MIT License. NOTICE.md sets out which is which. The page's open-source licenses are in skills/claude-design-system/scripts/editor/third-party-licenses.txt.