跳到正文
  • 首页
  • 插件说明
  • dsh-design-skills

zhaiyateng/dsh-design-skills

100最近提交 2026年8月14日

dsh-design-skills DSH 插件

该插件提供 10 种预制的设计美学（深色 SaaS、苹果极简、新拟态、粗野主义等），以可执行的技能包形式呈现。每个技能包含 token、组件规则、禁用清单和验收清单。模型通过自然语言提示自动匹配用户的风格需求。

ui-productivitydeveloper-tools

如何安装 dsh-design-skills DSH 插件

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

复制不会执行命令。安装 dsh-design-skills DSH 插件前请核对仓库和版本。

dsh-design-skills DSH 插件数据来源

dsh-design-skills DSH 插件快照日期：2026年8月16日

discovered

dsh-design-skills DSH 插件能做什么

  • 提供 10 种不同的设计风格，每种风格有详细的 SKILL.md 文件（token、组件规则、禁用清单、验收清单）
  • 自然语言触发：用户说「做一个深色 SaaS 落地页」模型自动匹配对应技能
  • 技能渐进式加载：仅当任务匹配时才激活完整技能规范
  • 每个风格附有实时预览 demo 和示例 HTML 文件
  • 支持通过 `dsh plugin add` 命令一键安装

dsh-design-skills DSH 插件适合哪些场景

  • 为 AI 产品创建深色 SaaS 风格的数据看板
  • 为作品集网站构建苹果极简风格的落地页
  • 为实验性独立项目设计粗野主义风格主页
  • 为 SaaS 产品生成毛玻璃风格的演示页面
  • 为文化品牌制作日式极简博客

dsh-design-skills DSH 插件适合谁

  • 使用 DSH 进行 vibe coding 的开发者，希望无需手动设计即可获得专业外观的 UI
  • 独立开发者与产品构建者，需要快速获得美观的网站原型
  • 前端设计师，借助 AI 尝试不同设计趋势

dsh-design-skills DSH 插件的限制

  • 目前仅提供 10 种风格；场景工作流（落地页/作品集/文档站/SaaS 后台）在路线图中但尚未实现
  • 需要安装 DSH 环境并正确配置 profile（如 `$DSH_HOME/profiles/node_modules/`）
  • 设计令牌仅以 SKILL.md 格式提供；Tailwind 和 CSS 变量双重格式已规划但尚未就绪
  • 效果取决于底层模型遵循技能规范的能力

dsh-design-skills DSH 插件的仓库 README 摘录

以下文字摘自 dsh-design-skills DSH 插件的上游仓库 zhaiyateng/dsh-design-skills 的 README，版权归原作者，仅作引用。

**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

阅读完整 README仓库许可: NOASSERTION

dsh-design-skills DSH 插件常见问题

如何安装 dsh-design-skills？

在终端中运行 `dsh plugin --profile web add dsh-design-skills`。或者克隆仓库后将其符号链接到 `$DSH_HOME/profiles/node_modules/`，然后在 profile 的 `cordis.patch.yml` 中添加 `dsh-design-skills`。

包含了哪些风格？

共 10 种风格：深色 SaaS、苹果极简、新拟态、粗野主义、毛玻璃、日式极简、便当盒、赛博朋克、蒸汽波、装饰艺术。每种风格都有详细的 SKILL.md，包含 token、组件规则、禁用清单和验收清单。

如何为我的网站使用特定风格？

直接用自然语言告诉模型你的需求，例如「给我的 AI 工具做一个赛博朋克落地页」或「日式极简的作品集」。插件会自动匹配请求的风格并加载完整技能规范。

我可以添加自定义风格吗？

目前此插件不支持直接添加自定义风格。路线图包含场景工作流，但尚未开放自定义风格功能。你可以通过 GitHub 贡献代码，或等待后续更新。

需要安装 DSH 吗？

是的，这是 DSH 插件，必须安装并配置 DeepSeek Harness 才能使用，无法独立运行。