搜索技能/设计大师

设计大师

Name: 设计大师
Author: 技能宝

官方精选设计

网站设计与 UI 设计指导，642行完整设计系统。覆盖布局设计、配色方案、字体选择、间距系统、组件设计、无障碍合规。

$npx skills add mindverse/skillhub@web-design -g -y

在终端运行即可安装。兼容 Claude Code、Cursor、Windsurf 等支持 Claude Skills 规范的 AI Agent 平台。

▸需要先准备什么？

1) 装 Claude Code（claude.ai/code）。2) 装 ai-skill：`npx skills add 1-SKILL/ai-skill -g -y`。装完上面这条命令再来跑这个 skill 的安装命令。

这个技能能做什么

✓ 完整设计Token

✓ 配色方案（Primary→Surface全套）

✓ 中文字体系统

✓ 间距系统（4px基数）

✓ 无障碍检查清单

✓ Tailwind v3/v4 输出

安装后，直接对你的 AI 助手说：

“设计一个网站”

“给我一套设计系统”

“配色方案怎么选”

“间距规范是什么”

▸查看完整 SKILL.md 内容259 chars

基于 Vercel Labs web-design-guidelines（13.7万安装）增强。

输出：CSS变量 / Tailwind v4 / Tailwind v3