让Claude告别”AI味”设计：Design Meta-Skill一键激活全套设计知识

用 Claude 做设计，最大的噩梦是什么？输出一股 “AI 味”——渐变背景、emoji 要点、组件堆砌、没有灵魂。

这个问题不是模型的问题，是没有设计系统约束的问题。Vdebug 出的这个 Design Skill，本质上是一个设计元技能（meta-skill），把 11 个设计子技能打包成一个 /design 命令，一键激活全部设计知识。

它到底塞了什么进去？

看这个技能的文件结构就知道它野心不小：

• UI/UX 子技能：50+ 设计风格、161 个配色方案、57 种字体搭配、99 条 UX 规则（来自 ui-ux-pro-max）
• 抗 AI 味规则：禁用常见 AI 设计模式、强制使用非默认字体和图标（来自 taste-skill + redesign-skill）
• 色彩理论：5 种配色原型、语义 token 架构、暗黑模式专项处理
• 字体系统：字体原型分析、字重层次、行宽和字间距规范
• 布局工程：双边框卡片、 Bento 布局、Z 轴层次、编辑分割布局
• 动效：GSAP + Framer Motion 核心用法、ScrollTrigger、时间线、React spring 物理效果
• 品牌系统：Token 架构、shadcn/ui 规范、品牌同步流程
• 专业任务路由：Banner、图标、幻灯片、社交媒体、重新设计工作流

使用方式极简

装好之后，直接在 Claude Code 里输入：

/design "landing page for a fintech SaaS"
/design "redesign my existing dashboard to feel premium"

技能会自动激活所有设计知识子模块，不需要你一个一个安装调试。

为什么值得装？

平时用 AI 做设计最大的问题是：模型输出太”平均”了。这个技能通过抗 slop 规则强制 Claude 走出默认分布——不同的字体、非对称布局、真实的光影层次。

说白了，它不是给 AI 赋能，是给 AI 踩刹车。让那些”通用 AI 味”的设计无法通过审查。

如果你经常用 Claude Code 做前端界面或者需要 AI 帮你生成海报、PPT、landing page，这个元技能能让输出质量上一个台阶。

GitHub 仓库

GitHub: https://github.com/Vdebug/design-skill