DeepSeek Harness设计与前端推荐上游核验

让 AI 做出来的界面，不像模板拼的

Anthropic 官方 skills 仓库里的前端设计指导技能：在写代码之前先定视觉方向——字体、排版、留白、动效，目标是做出有意图的界面，而不是默认组件的堆叠。

技能名 frontend-design · 设计

平台适配

同一个能力，两个平台的实现方式可能完全不同。下表说明这条技能在两个平台各自处于什么状态。

DeepSeek Harness

通用格式SKILL.md 结构兼容，改 frontmatter 字段即可迁移

复制技能目录到 .dsh/skills/，补 whenToUse；技能本身是设计指导，不绑定工具

WorkBuddy

需改造要补字段、换工具链或换运行时，附改法说明

市场未收录；需按开放平台规范打包后审核

为什么入选

上游仓库anthropics/skills

星标 / Fork★ 185,911 · 21,947

许可协议未标注

最近提交2026-10-28

所在仓库 18.6 万 star、2.19 万 fork，是 Agent Skills 的官方参考实现
近 90 天内仍有提交，不是'发完就不管'的仓库
直接针对'AI 生成的界面一股模板味'这个真实痛点

适合

从零做页面、落地页、作品集
受够了 AI 一上来就堆默认组件
需要先定视觉方向再写代码

不适合

已有设计稿、只差实现
约束极多的后台系统（设计发挥空间小）
需要品牌 logo、插画等原创视觉资产

怎么装 / 怎么用

DeepSeek Harness

git clone https://github.com/anthropics/skills
把 frontend-design 目录复制到 .dsh/skills/
frontmatter 补 whenToUse
重启会话，在做页面任务时调用

WorkBuddy

市场搜 frontend-design，有则直装
没有则按开放平台必填字段重新打包

值得注意的地方

把'审美'拆成可执行的决策项，而不是一句'要好看'
适合在动手写代码前跑一轮，返工率明显下降
输出是方向性的，容易和现有设计系统对齐

坑与限制

它是设计指导，不是生成器——要配合代码能力才能落地
中文字体和字号需要单独调整，英文语境下的排版建议不能照搬
没有你的品牌规范时，它只能靠猜，重要项目要先给参考

相关与替代

DeepSeek Harness 设计与前端推荐

把 79 种风格、192 套配色装进 Agent 的检索库

设计智能技能：内置可检索的 UI/UX 知识库——风格、产品配色、字体搭配、UX 准则、图表类型和多框架实现，让 Agent 在设计前先查资料再动手。

ui-ux-pro-max 上游核验通用格式

★ 14.3 万 · MIT

核验说明

依据 GitHub 仓库公开数据核实来源与活跃度；仓库未标注许可证，本站只做介绍与链接，不转载内容

核验方式: 上游核验
核验日期: 2026-11-01
来源: Anthropic · 官方链接
许可协议: 未标注（仅介绍与链接）
最后更新: 2026-11-01

发现错误或想补充实测记录？提交纠错，核实后会在本页更新日志注明。