Skip to content
  • Home
  • Plugin manual
  • dsh-design-skills

zhaiyateng/dsh-design-skills

100Last commit Aug 14, 2026

dsh-design-skills DSH plugin

This plugin provides 10 pre-designed aesthetics (dark SaaS, apple-minimal, neo-neumorphism, etc.) as executable skill packs. Each skill includes tokens, component rules, forbidden lists, and acceptance checklists. Models automatically match the requested style via natural language prompts.

ui-productivitydeveloper-tools

How to install the dsh-design-skills DSH plugin

dsh plugin --profile web add dsh-design-skills

Copying does not run this command. Review the repository and version before installing the dsh-design-skills DSH plugin.

dsh-design-skills DSH plugin data source

dsh-design-skills DSH plugin snapshot date: Aug 16, 2026

discovered

What the dsh-design-skills DSH plugin can do

  • Offers 10 distinct design styles with detailed SKILL.md files (tokens, component rules, forbidden lists, acceptance checklists)
  • Natural language trigger: users say 'make a dark SaaS landing page' and the model auto-selects the matching skill
  • Skills are loaded progressively: only the relevant skill's full spec is activated when the task matches
  • Each style includes a live preview demo and example HTML files
  • Supports easy installation via `dsh plugin add` command

Where the dsh-design-skills DSH plugin fits

  • Creating a dark SaaS dashboard for an AI product
  • Building a minimal white landing page for a portfolio site
  • Designing a brutalist homepage for an experimental indie project
  • Generating a glassmorphism demo page for a SaaS product
  • Crafting a Japanese minimal blog for a cultural brand

Who the dsh-design-skills DSH plugin is for

  • Developers using DSH for vibe coding who want professional-looking UI without manual design effort
  • Indie makers and product builders who need quick, aesthetic website prototypes
  • Frontend designers experimenting with different design trends using AI assistance

dsh-design-skills DSH plugin limitations

  • Currently only 10 styles are available; scenario workflows (landing page / portfolio / docs site / SaaS admin) are on the roadmap, not yet implemented
  • Requires DSH environment and proper profile setup (e.g., `$DSH_HOME/profiles/node_modules/`)
  • Design tokens are only provided in SKILL.md format; Tailwind & CSS-variable dual formats are planned but not yet available
  • Effectiveness depends on the underlying model's ability to follow the skill specifications

dsh-design-skills DSH plugin: from the repository README

Quoted from the zhaiyateng/dsh-design-skills README, the upstream source of the dsh-design-skills DSH plugin. Copyright remains with the original authors.

**Design aesthetics skill pack for [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) (DSH) — keeps your vibe-coded websites away from the "AI look".** DeepSeek Harness 设计美学技能包 —— 让 vibe coding 出来的网站摆脱「AI 味」。 > 模型不缺"怎么建站"，缺"怎么建得好看"。本技能包把经过验证的设计风格提炼成 > 可执行的规范（token + 组件规则 + 禁用清单 + 验收清单），模型匹配后自动遵循。 > > Models don't lack "how to build a site" — they lack "how to make it look good". > This pack distills proven design aesthetics into executable specs (tokens + > component rules + forbidden lists + acceptance checklists). [![MIT License](https://img.shields.io/badge/license-MIT-green)](LICENSE) [![dsh](https://img.shields.io/badge/DeepSeek%20Harness-dsh--plugin-4176E6)](https://github.com/deepseek-ai/deepseek-harness) [![awesome · DSH plugin](https://awesome-dsh-plugin.com/badge.svg)](https://awesome-dsh-plugin.com) [![Live Preview](https://img.shields.io/badge/🔗_Live_Preview-GitHub_Pages-5e6ad2)](https://zhaiyateng.github.io/dsh-design-skills/) > 🖼️ **Try all 10 styles live** → [**zhaiyateng.github.io/dsh-design-skills**](https://zhaiyateng.github.io/dsh-design-skills/) > > 🖼️ **在线体验全部 10 种风格** → [**zhaiyateng.github.io/dsh-design-skills**](https://zhaiyateng.git

Read the full READMERepository license: NOASSERTION

dsh-design-skills DSH plugin questions

How do I install dsh-design-skills?

Run `dsh plugin --profile web add dsh-design-skills` in your terminal. Alternatively, you can clone the repo and symlink it into `$DSH_HOME/profiles/node_modules/`, then add `dsh-design-skills` to your profile's `cordis.patch.yml`.

Which styles are included?

10 styles: dark-saas, apple-minimal, neo-neumorphism, brutalism, glassmorphism, japanese-minimal, bento-grid, cyberpunk, vaporwave, and art-deco. Each has a detailed SKILL.md with tokens, component rules, forbidden lists, and acceptance checklists.

How do I use a specific style for my website?

Just tell the model what you want in natural language, for example 'make a cyberpunk landing page for my AI tool' or 'a Japanese minimal portfolio'. The plugin will automatically match the request to the appropriate style and load the full skill spec.

Can I add my own custom style?

Not directly through this plugin yet. The roadmap includes scenario workflows, but custom style creation is not currently supported. You can contribute via GitHub or wait for future updates.

Do I need to have DSH installed?

Yes, this is a DSH plugin and requires DeepSeek Harness to be installed and configured. It will not work standalone.