用 AI 做设计最怕”一眼 AI 感”？这个 Skill 把所有廉价设计规则全封了

用 AI 做设计，最怕的不是功能实现不了，而是出来的东西——一眼 AI 感。

字体是 Inter，阴影是 rgba(0,0,0,0.3)，卡片是万年不变的 8px 圆角，布局是三栏网格，动画是 ease-in-out。不是说丑，但就是那种”模板味儿”，放在作品集里一眼就被识破。

最近挖到一个让我眼前一亮的 Skill，叫 high-end-visual-design。

它的核心逻辑很简单：不是教 AI 怎么设计，而是教 AI 别做哪些设计。

它的”反模式清单”很狠

这个 Skill 内置了一套严格的禁止规则，AI 生成代码时只要触犯任意一条，设计直接判定失败：

• 禁用字体：Inter、Roboto、Arial、Open Sans、Helvetica——这些是 AI 最爱用的”安全牌”，全封掉
• 禁用图标：标准粗描边 Lucide、FontAwesome、Material Icons——只允许极细精度的线条图标
• 禁用阴影：generic 1px 灰边、harsh 深色投影——一律不许
• 禁用布局：贴顶满宽导航栏、对称三栏 Bootstrap 风——没有大间隙的网格统统不要
• 禁用动效：普通 linear / ease-in-out 过渡、瞬间状态切换——必须有插值动画

封掉这些之后，AI 就只能从”高级货”里挑——Geist、Clash Display、PP Editorial New 这种字体，Phosphor Light、Remix Line 这种图标，极细hairline边框、极柔扩散阴影。

布局有”创意骰子”

它还有个有意思的机制：生成前 AI 会随机选一个高级布局原型组合，确保每次输出绝不重复：

• Ethereal Glass（适合 SaaS/AI）：深 OLED 黑底 + 径向网格渐变 + backdrop-blur 卡片 + 纯白/10 细线
• Editorial Luxury（适合生活方式/地产）：暖米色底 + Variable Serif 大标题 + CSS 噪点质感叠加
• Soft Structuralism（适合消费品/健康）：银灰或纯白底 + 超大 Grotesk 字体 + 极柔扩散环境阴影

每种都配合不同的布局架构（不对称 Bento、Z轴层叠、编辑式分割等），移动端自动折叠降级。

谁适合用

这个 Skill 不是给”随便做个页面”的场景准备的。它适合：

• 要做投标/提案的高阶前端团队——要求 Awwwards 级别展示效果
• Landing Page 生成——出来的稿子要能直接给客户看，不能是”Demo 感”
• 品牌官网重构——需要摆脱模板感，往 Linear/Apple 那种精致感靠拢
• AI 产品 UI——想让 AI 生成的界面看起来不像玩具

安装方式

# 用 Claude CLI 直接装
npx skills add Leonxlnx/taste-skill --skill high-end-visual-design -g -y

# 或者预览一下再决定
npx skills use Leonxlnx/taste-skill@high-end-visual-design

GitHub 仓库：Leonxlnx/taste-skill · 旗下还有多个视觉类 Skill（icon generation、web design 等），可以一起装。

总结一下：这个 Skill 的价值不在于”AI 会设计了”，而在于”AI 不再乱来了”。把那些廉价默认全封掉，强迫 AI 在高级词汇表里做选择——出来的结果，质感是完全不同的档次。做设计创意类 AIGC 内容的同学，这个 Skill 值得蹲一下。

GitHub: https://github.com/Leonxlnx/taste-skill