zhaiyateng/dsh-design-skills

Name: zhaiyateng/dsh-design-skills
Author: zhaiyateng

Plugin插件 Native原生 ⭐ 21 NOASSERTION UI & Themes界面与主题 Prompts & Skills提示词与技能

DeepSeek Harness（DSH）设计美学技能包——让随性编码的网站告别AI风格。包含6种样式：暗色SaaS、苹果极简、新拟物、粗野主义、玻璃拟态、日式极简。

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

This repository is a design aesthetics skill pack built natively for DeepSeek Harness (DSH), created specifically to help DSH users avoid the generic "AI look" when vibe-coding websites. It includes 10 distinct proven design styles, each packaged as a separate skill with executable specifications like design tokens, component rules, forbidden elements and acceptance checklists. Installation can be done one of two ways: the simplest is to run the dsh plugin --profile web add dsh-design-skills command in your terminal, or you can manually add the repository as a dependency to your local DSH profile. The plugin automatically loads the full matching specification once a user requests a design style aligned with one of the included skills.

The skill pack works with a progressive disclosure system, so only skill names and descriptions are loaded when you start a new DSH session. Once you describe your desired design style in the DSH chat, the plugin will automatically match the correct skill and load its full specification. For example, if you ask DSH to build "an AI product landing page in dark SaaS style", it will automatically load the dark-saas skill and apply all its rules to the generated code. Each skill is tagged with relevant use cases, from product landing pages to SaaS dashboards to personal portfolios, so matching is fast and accurate.

The skill pack is released under the open source MIT license, and its design specifications reference other open source projects that are also under the MIT license. All third party notices, licenses and trademark disclaimers are stored in the project repository, and the project is not affiliated with any of the brands referenced in the style descriptions. All 10 styles have full working landing page demos available, and you can preview all of them live on the project's GitHub Pages site. Right now 10 styles are complete, with plans to add more scenario-specific workflows and design tokens in both Tailwind and CSS variable formats.

本仓库是专为 DeepSeek Harness（DSH）打造的设计美学技能原生插件，面向vibe coding建站场景，帮助开发者生成的网页摆脱千篇一律的「AI设计感」。插件一共打包了10种经过验证的成熟设计风格，将每种风格提炼为可执行的设计规范，包含设计token、组件规则、禁用清单和验收清单，匹配对应风格需求后自动加载完整规则生效。

插件支持一键安装，用户可以通过DSH命令行执行dsh plugin --profile web add dsh-design-skills完成安装，也可以手动将仓库添加到本地DSH配置目录中。使用时只需在DSH会话中描述想要的设计风格，插件会自动匹配对应技能，采用渐进式披露规则，开始无需加载全部内容，仅在匹配需求后加载完整规范。它面向使用DSH进行vibe coding建站的开发者、设计师和产品创作者。

本插件采用MIT许可证开源，其设计规范参考了多个MIT许可的开源项目，相关第三方授权声明已完整放在项目仓库内。目前插件已完成10种风格的全部开发和示例演示，未来计划增加更多场景工作流和双格式设计token支持。用户可以访问项目的GitHub Pages在线预览所有风格的实际落地效果。

View on GitHub在 GitHub 查看

Send to your DSH发给你的 DSH 安装

请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】，检查通过再动手。

插件：dsh-design-skills（zhaiyateng/dsh-design-skills）
仓库：https://github.com/zhaiyateng/dsh-design-skills
本站详情页：https://www.yhbd.top/plugins/zhaiyateng-dsh-design-skills/
本站登记：类型 plugin · 归类 原生 DSH 插件 · 许可证 NOASSERTION · ⭐ 21 · 最近提交 2026-08-14 · 主语言 JavaScript

按下面顺序执行，每步先把结论告诉我，再进入下一步：

【1 兼容性检查】
① 我这边：DSH 版本、Node 版本、操作系统、当前 profile（web / desktop）。
② 读它的 README、package.json、插件 manifest，列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对，结论只写「满足 / 不满足 / 未知」三种；不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突：命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。

【2 安全性检查】
① 仓库可信度：和上面「本站登记」是否一致；star / fork 数、创建时间、最近提交，是否归档或长期停更。
② 安装脚本：逐行看 package.json 的 preinstall / install / postinstall，以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名，立刻停下来告诉我，不要继续装。
③ 依赖：列出新增依赖，标出无人维护、或与知名包拼写近似的可疑包（typosquatting）。
④ 权限与副作用：它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限（filesystem / network / shell / clipboard 等），以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限，或权限明显超出功能所需，先停下来问我。

【3 安装】
上面两步没有「不满足」和「高危项」时才执行；用官方推荐方式安装，不要自行提权。

【4 汇报】
用表格输出：检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜，也不要替我决定。

Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH：它会先核对兼容性与安全性（逐条给「满足 / 不满足 / 未知」），确认没问题再安装，有高危项会停下来问你。框内可滚动，复制到的是完整提示词；安装命令不一定准确，发给 DSH 更稳。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 note1 项提示

21 stars - an early-stage project星标 21，属于早期项目

DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时（Electron / Python / Docker 等）是否齐备
Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突：命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致，是否归档或长期停更
Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需（filesystem / network / shell / clipboard）
Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限，以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照，不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装

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

把 zhaiyateng/dsh-design-skills 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

7.4 KB · 缓存于 2026-08-23 03:41:08 · 7.4 KB

dsh-design-skills

Design aesthetics skill pack for 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).

🖼️ Try all 10 styles live → zhaiyateng.github.io/dsh-design-skills

🖼️ 在线体验全部 10 种风格 → zhaiyateng.github.io/dsh-design-skills

English | 中文

Preview / 效果预览

Same product (a fictional agent-orchestration console, "Relay"), ten aesthetics — the exact "before / after" of what these skills do to your vibe-coded site:

同一产品（虚构的 Agent 编排平台 "Relay"）的十种风格效果——这就是本技能包对 vibe coding 产物的实际影响：

`dark-saas` (dark, Linear-inspired)	`apple-minimal` (minimal white)	`neo-neumorphism` (soft UI)	`brutalism` (hard-edge)	`glassmorphism` (frosted glass)

`japanese-minimal` (zen serif)	`bento-grid` (modular cards)	`cyberpunk` (neon)	`vaporwave` (synthwave)	`art-deco` (gold & emerald)

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要，完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

渲染基于仓库 zhaiyateng/dsh-design-skills 的 README.md。在 GitHub 查看原文 →