让 AI 真正学会「审美」：这个开源 Skill 给了 Agent 一双设计眼

让 AI 真正学会「审美」：这个开源 Skill 给了 Agent 一双设计眼

你有没有这种感觉——AI 生成的界面，功能都对，但就是看起来「哪里不对」？

那种说不出的廉价感、那种模板化的堆砌感、那种「一眼 AI」的塑料味……问题不在功能实现，而在于视觉设计判断力的缺失。

今天挖到一个让我眼前一亮的开源 Skill：visual-design，来自 GitHub 博主 lidessen（Rossovia 项目）。它不是教你怎么写 CSS，也不是给你一堆预设配色，而是——给 AI 安装一套视觉设计操作系统。

它解决什么问题？

大多数 AI 设计工具只做「执行者」——你告诉它要什么，它产出什么。但 visual-design 的思路完全不同：它让 AI 成为一个有审美判断力的设计搭档，能够在没有明确指令的情况下，主动发现视觉问题并提出优化方向。

触发词包括但不限于：
– “design/redesign/review the UI”
– “the page works but feels generic/inconsistent”
– “polish/refine interface details”
– “art direction”

换句话说，当你说「这个页面总觉得哪里不对」，它不会只改颜色，而是能从布局、层级、间距、字体、动效等多个维度给出系统性的诊断。

核心工作流：两阶段「设计哲学」

这个 Skill 的设计理念很有意思，它把设计工作分为两个阶段：

第一阶段：建立设计方向（Direction）

在动手之前，AI 会先理解项目的视觉方向——不是选一个预设风格，而是根据产品定位、受众、竞争格局，建立一套有对比度和负向边界的设计立场。

它会产出：
– Direction（设计方向）：生成性的、有对比的、有底线的立场，不是调色板预设
– Style Cue（风格线索）：把用户的模糊描述（「高级感」「极简」「杂志风」）翻译成可执行的设计指引
– Visual Language（视觉语言）：项目本地的形式化表达——手势、形状、节奏、材质、字体、动效

第二阶段：落实设计（Treatment）

在方向确立后，才进入具体的颜色、字体、间距、深度、图形的实现阶段。它强调的是：不要独立选择这些元素，然后把内容强行塞进去——而是让视觉选择服务于内容关系和注意力路径。

它和别的设计 Skill 有什么不同？

我对比了一下市面上的设计类 Skill，大部分是这两种路数：

第三种路数最难做，但也是最有价值的——因为它解决的不是「怎么画」的问题，而是「怎么看出哪里不对」的问题。

适用场景

这个 Skill 特别适合以下场景：

1. 设计系统建立：从零开始为一个产品构建视觉规范
2. 现有界面优化：发现并修复界面中「感觉不对」的地方
3. AI 产出质检：对 AI 生成的界面进行设计层面的 QA
4. 设计交接：把模糊的设计方向翻译成可执行的技术规格

安装方式

npx skills add https://github.com/lidessen/rossovia --skill visual-design

GitHub 仓库：https://github.com/lidessen/rossovia

Rossovia 项目本身是个挺有意思的项目——它是一个「让 AI 真正成为生产力工具」的开源框架，visual-design 只是它 45 个 Skill 之一，涵盖开发、写作、设计等多个维度，感兴趣的可以去看看整个项目。

总结一下：如果你受够了 AI 产出那种「功能全对、视觉拉胯」的界面，这个 Skill 值得一试。它不是给你鱼，而是教你 AI 怎么钓鱼——让 Agent 真正理解视觉设计的底层逻辑，而不是只会执行命令。

GitHub：https://github.com/lidessen/rossovia

GitHub: https://github.com/lidessen/rossovia