dsh-frontend-design

v0.1.0 · 0 天前发布

前端设计技能：指导 agent 产出高质量 Web 前端设计（视觉层级、配色、排版、组件、响应式、无障碍）。改编自 Anthropic 官方 frontend-design（Apache-2.0）。

dshdsh-plugindeepseek-harnesscordisskillfrontenddesignui前端设计

README

dsh-frontend-design

前端设计技能：指导 agent 产出高质量 Web 前端设计（视觉层级、配色、排版、组件、
响应式、无障碍）。改编自 Anthropic 官方 frontend-design
（Apache-2.0），frontend-design 也是 skills.sh 榜单热门技能。

安装

sh
dsh plugin --profile web add dsh-frontend-design
或本地开发：dsh plugin --profile web add link:E:\DeepSeek_Harness\workspace\2026_08_15\plugins\dsh-frontend-design

重启 dsh web 生效

使用

装好后对 agent 说"做一个落地页/设计一个仪表盘/美化这个界面"，frontend-design
技能会自动加载，指导设计思考 → 视觉原则 → 组件 → 响应式/无障碍 → 交付自查。

结构


dsh-frontend-design/
├── index.js
├── cordis.patch.yml
├── package.json       # dsh.bundle manifest
└── skills/frontend-design/
    ├── SKILL.md
    └── references/design-checklist.md

License

Apache-2.0（改编自 Anthropic 官方 frontend-design，Apache-2

查看完整 README →

版本兼容矩阵

DSH 版本	状态	说明
`dsh@0.1.0-rc.6`	✅ 兼容	cordis patch ✅
`dsh@0.1.0`	✅ 兼容	标准 patch ✅
`dsh@0.2.0`	⚠️ 待验证	待实测（API 可能在变）
`dsh@0.3.0+`	❓ 未知	尚未发布

💡 兼容矩阵每周末自动跑实测，欢迎 PR 修正

元数据

License: Apache-2.0
npm: dsh-frontend-design
Repo: git+https://github.com/satan9394/dsh-frontend-design.git
Engines: {"node":">=20.0.0"}
Weekly DL: 0
Monthly DL: 0
dsh.bundle: {"bundle":{"patch":"./cordis.patch.yml"}}