前言¶
用 DeepSeek Harness（dsh）做落地页、产品官网或后台界面时，模型并不缺「怎么把页面搭起来」。缺的是另一件事：同样的产品结构，做出来常常是同一套紫色渐变、过大圆角、多层投影——也就是仓库 README 说的「AI 味」。
DeepSeek Harness 的设计原则是「一切皆插件」：模型、工具、技能、会话、沙箱和 UI 都可以在配置层替换，不必改框架源码。官方仓库在 deepseek-ai/deepseek-harness，目前仍是 developer preview。社区目录 deepseek-harness-plugin.com 是独立收录站，和 DeepSeek / 幻方没有官方从属关系，不能当成官方应用商店。
dsh-design-skills 不改 Harness 自己的界面，而是把一套设计美学写成可被模型加载的技能：匹配到风格后，按 token、组件规则、禁用清单和验收清单去写页面。本文按目录详情页、GitHub README / package.json / index.js / skills/ 目录，以及官方 Harness 仓库交叉核对后整理。
这是什么¶
dsh-design-skills 是面向 DeepSeek Harness 的设计美学技能包，由 zhaiyateng 维护，仓库为 zhaiyateng/dsh-design-skills。社区目录归在「界面增强」，主要语言是 JavaScript。package.json 里的版本号是 0.1.0，并声明了 dsh.bundle，可以通过 dsh plugin add 安装。
GitHub API 在 2026-08-18 显示 12 星；目录页同一天仍显示 7 星，以仓库页面为准。仓库根目录 LICENSE 和 package.json 都标明 MIT；GitHub 元数据和目录页许可证字段显示为 NOASSERTION（未识别 SPDX），安装前仍应自己打开许可证全文。
它解决的问题很具体：模型会建站，但默认审美容易收敛到同一套模板。这个插件把风格写成标准 SKILL.md，会话开始时模型只看到技能名和描述，任务匹配后再加载完整规范。
需要分开看两处描述。目录页简介和 package.json 的 description 仍写六种风格：dark-saas、apple-minimal、neo-neumorphism、brutalism、glassmorphism、japanese-minimal。仓库 README、GitHub Pages 预览页和 skills/ 目录实际是十种，后四种是 bento-grid、cyberpunk、vaporwave、art-deco。以 skills/ 目录为准。
核心功能¶
仓库把每种风格收成一份可执行规范，结构是 token + 组件规则 + 禁用清单 + 验收清单。index.js 以 ctx.skills provider 注册全部技能，provider 名是 dsh-design-skills，rank 为 600（源码注释写明与官方内置技能包同级）。挂载时如果一个 SKILL.md 都读不到，会直接抛错，避免装上一个空目录。
当前 skills/ 目录里的十种风格如下（名称、适用场景来自 README）：
| 技能 | 风格 | README 写的适用场景 |
|---|---|---|
dark-saas |
深色 SaaS（Linear 式） | 开发者工具、数据看板、AI 产品、SaaS 后台 |
apple-minimal |
极简白（Apple 式） | 产品官网、落地页、作品集 |
neo-neumorphism |
新拟态 / Soft UI | 个人主页、健康/理财 App、演示 Demo |
brutalism |
粗野主义 | 实验性产品、艺术/独立项目、开发者工具 |
glassmorphism |
毛玻璃 | AI 产品、SaaS 官网、Dashboard、演示 Demo |
japanese-minimal |
日式极简 | 文化/美学类产品、博客、艺术展、和风品牌 |
bento-grid |
便当盒布局 | 产品官网、功能展示、SaaS 首页、个人主页 |
cyberpunk |
赛博朋克 | 科技产品、AI 工具、游戏、极客向落地页 |
vaporwave |
蒸汽波 | 艺术项目、音乐/文化向站点、实验性落地页 |
art-deco |
装饰艺术 | 高端品牌、奢华酒店、艺术/时尚类站点 |
以 dark-saas 为例，skills/dark-saas/SKILL.md 里写得很硬：画布用近黑 #010102 而不是纯黑；全站只允许一个强调色；层级靠表面色和 1px hairline，不用大面积投影；标题用 500–600 字重加负字距。禁用清单明确点了紫色/蓝色大渐变、彩虹强调色、粗投影、过大圆角等常见「AI 味」做法。实现后还有一份验收勾选，例如「页面背景不是纯黑」「全站只出现一个强调色」。完整 token 表在 references/dark-saas-tokens.md。
同一套产品结构，仓库用虚构的 Agent 编排平台「Relay」做了十份落地页 demo，源码在 examples/ 下。在线画廊在 zhaiyateng.github.io/dsh-design-skills，可以先看效果再决定用哪种技能。
合规方面，README 和 THIRD_PARTY_NOTICES.md 写明：规范参考了 MIT 许可的 VoltAgent/awesome-design-md 与 shadcn/ui；仓库与 Linear、Apple、shadcn 等品牌没有隶属或背书关系，也不包含这些品牌的商标资产。
安装与启用¶
目录页给出的安装命令如下，在 DeepSeek Harness 终端里运行：
dsh plugin add github:zhaiyateng/dsh-design-skills
如需可复现安装，目录页建议固定 commit 哈希：
dsh plugin add github:zhaiyateng/dsh-design-skills#commit
把上面的 commit 换成实际哈希。仓库 README 另写了一条带 profile 的写法，适合明确装到 Web 配置的情况：
dsh plugin --profile web add dsh-design-skills
本地开发可以按 README：把仓库符号链接进 $DSH_HOME/profiles/node_modules/，再在对应 profile 的 cordis.patch.yml 里插入 dsh-design-skills。插件自带的 cordis.patch.yml 内容是一次 insert，id 和 name 都是 dsh-design-skills，注释写明它挂在 @deepseek-ai/dsh-base 之后，因为 base 已经挂好了技能注册表和面向模型的技能加载器。
目录页和官方文档都提醒：插件以当前 dsh 进程的权限运行，安装时可能执行代码。安装前请检查源代码仓库和许可证。
典型用法¶
装好之后不需要再抄一份 prompt。README 的用法是在会话里直接说风格，由技能匹配：
- 「用深色 SaaS 风给我做一个 AI 产品落地页」→ 匹配
dark-saas - 「帮我做一个 Linear 风格的数据看板」→ 匹配
dark-saas - 「做一个苹果官网那种极简的落地页」→ 匹配
apple-minimal - 「Soft UI 风格的个人主页」→ 匹配
neo-neumorphism - 「粗野主义风格的开发者工具官网」→ 匹配
brutalism - 「毛玻璃效果的 AI 产品首页」→ 匹配
glassmorphism - 「日式极简、禅意风格的品牌站」→ 匹配
japanese-minimal - 「便当盒布局的产品功能页」→ 匹配
bento-grid - 「赛博朋克霓虹风格的 AI 工具」→ 匹配
cyberpunk - 「蒸汽波风格的实验站点」→ 匹配
vaporwave - 「装饰艺术奢华风格的品牌官网」→ 匹配
art-deco
匹配之后，模型加载对应 SKILL.md 的正文。dark-saas 里摘录的 CSS 变量可以直接对照生成结果，例如：
:root {
--canvas: #010102;
--surface-1: #0f1011;
--hairline: #23252a;
--ink: #f7f8f8;
--primary: #5e6ad2;
}
如果只想看成品长什么样，不必先装插件，打开 在线预览 或本地打开 examples/ 里对应的 HTML 即可。
适用场景与注意事项¶
适合已经在用 DeepSeek Harness 做前端、落地页或后台界面，并且希望模型按固定审美输出的人。它注册的是技能，不是 DSH Web UI 的皮肤或侧边栏；想换 Harness 自己的配色、看板、TUI，需要看目录里其他「界面增强」或「主题与外观」插件。
使用时注意这几条：
- 目录页简介仍是六种风格，仓库当前是十种。写文章、选技能、核验收时以
skills/和 README 为准。 - 技能通过渐进式披露工作：未匹配时模型看不到完整 token 表。提示里把风格说清楚（「深色 SaaS」「Linear」「毛玻璃」等），比只说「做个好看的官网」更容易命中。
- 仓库路线图里，场景化工作流（落地页 / 作品集 / 文档站 / SaaS 后台）和 token 的 Tailwind / CSS variables 双格式输出都还没勾完。当前交付的是风格技能和落地页 demo，不是一套完整的产品脚手架。
- 规范是给模型遵循的约束，不是编译器。生成后仍应用技能里的验收清单核对：强调色是否唯一、有没有禁用的大渐变和粗投影、亮色模式是否按 inverse token 对称实现。
- 插件以当前 dsh 进程权限运行。安装前检查 源码仓库 和许可证；生产环境建议固定 commit，不要长期跟踪未钉死的默认分支。
小结¶
dsh-design-skills 把常见网页审美收成 DeepSeek Harness 可加载的技能包：匹配风格，加载规范，按 token 和禁用清单写页面。它不保证「自动变好看」，但把「好看」从口头偏好变成可以逐条核对的文件。
目录页：https://deepseek-harness-plugin.com/zh-CN/plugins/dsh-design-skills/
GitHub：https://github.com/zhaiyateng/dsh-design-skills
在线预览：https://zhaiyateng.github.io/dsh-design-skills/
