让AI有审美的6个skill:方法可以装,品位得自己给
同样让 AI 做网页、做方案,有的人做出来很高级,有的人一看就是 AI 做的。我的看法是,很多时候差的不是模型,是有没有给它装上审美。官网、提案、汇报,这些对外的东西就是公司的脸面,对老板来说这事不小。
所以我把安装排行榜前六百名里跟审美和设计有关的二十多个 skill 逐个读了一遍,挑出六个,按做一个页面从头到尾的顺序排好:先定方向,再找配方,然后管好不好看、好不好用、改了十版还像不像自己,最后抠细节。
同样让 AI 做网页、做方案,有的人做得很高级,有的人一看就是 AI 做的。很多时候差的不是模型,是有没有给它装上审美;而官网、提案、汇报这些对外的东西就是公司的脸面。安装排行榜前六百名里跟审美和设计有关的二十多个 skill,我逐个读完,挑出六个,按做一个页面从头到尾的顺序排。
从零做页面,最怕出来的东西跟谁家都差不多。这一步要设计总监先定方向,即 Anthropic 官方的 frontend-design。它有个要求我很认同:设计得是这个客户独有的,要跟他的品牌、整体风格对得上;把客户名字一换也能套到别家,就说明没替这个客户想,得重做。所以提需求要说清给谁看、想要什么感觉、大概什么颜色,只说「做个落地页」很难做出自己的特点。
风格还没想好,可以翻按行业分好的设计手册,GitHub 上开源的 ui-ux-pro-max。说做个医疗数据分析后台,它按行业给出页面怎么分块、用什么配色和字体;给美容养生店的方案是柔粉配鼠尾草绿加一点金色,还专门写了别用霓虹色。这套要求可以存下来,后面的页面接着用。
产品介绍页、个人作品集这类拿出去见人的页面,AI 做出来都长一个样:中间一个大标题,下面三张一样大的卡片。GitHub 上开源、九万多星的 taste-skill 专治这个。它最好用的是三个数,每个从一到十自己定:排版多大胆,从居中对齐到左右错开;动效多少,从鼠标放上去才有变化到一滚动全跟着动;一屏放多少内容,从一两句话大片留白到密得像数据看板。先定好三个数再让 AI 做,比做完再嫌不够好看准得多。
好看不等于好用。报名页上,手机号粘贴不进去;点了提交,按钮一下就灰了,没个转圈;填错了,不告诉错在哪一栏。做的人很难发现,客户碰上一次可能就走了。这时需要验收员,Vercel 这家帮人把网站放到网上的美国公司做的 web-design-guidelines。它有一张一百多条的清单,这几条都在里面。页面做完让它逐条检查,指出哪个文件哪一行有问题,再让 AI 照着改;交给客户之前、上线之前都值得查一遍。
交出去以后还要一轮轮地改,改到第十版,跟第一版已经不像一个品牌。impeccable 管的就是这个,作者是在谷歌工作的 Paul Bakaus。它先问产品给谁用、想要什么调性,写成一份说明书,以后每次改都先翻它。它还把改法变成几个简单说法:点评,指出哪里层次乱、哪里看不清;太平淡就加点劲,太花就收一收;上线前精修一遍。不懂设计的人也能把想要的改法说清楚。
再往细里抠,要找做界面的老师傅:设计工程师埃米尔在 Linear 做界面,把多年经验写成了 emil-design-eng,管弹出动画的快慢、淡阴影还是硬边框这类细节,需要时再叫,不用一直开着。它拿超长名字、空列表、超大数字去试页面,看会不会坏,这个办法我觉得很好。六个串起来是一条线:设计总监定方向,设计手册给配方,taste-skill 管好不好看,验收员管好不好用,impeccable 管改了十版还像不像自己,老师傅管细节。不用全装,缺哪一环补哪一环。
说回我自己,最常用的不是这六个。frontend-design 我确实装了,但不怎么用;最常用的是 PPVI,我五月份自己开发并开源的审美 skill。做法是把各家好的地方拿过来,按我自己的审美标准定:灰色打底,字号分几级,留多少白,要不要毛玻璃那种半透明效果。我的会议纪要、方案页都是用它做的。它也留了弹性,表格可以密一点,文章可以疏一点,首屏和毛玻璃的程度都能变。
社群每天早上的 AI 资讯日报是一个网页,一天二十来条新闻,内容很密。这次改版没套会议纪要的样式。AI 想删内容或折叠起来让人点开,我没同意,一般人不会点展开,整理出的资讯就看不到了。我要的是一条不删也不折叠,用留白和分区隔开每条,标题和正文的颜色字号拉开,再用上智序派的紫色,前后改了五版。要判断的是这么多内容怎么摆,才能让人愿意往下看。
所以我觉得,skill 能把设计的方法带进来,但什么适合自己的业务,这份品位还是得自己给。skill 别装太多,挑适合自己的。更好的办法是取各家之长,按自己的审美标准做一个自己的 skill,再根据具体场景把要求讲清楚。
来源:EP0116(2026-10-08,05:54)。画面为数字人,配音为本人克隆音色。本页为用于配音的口播稿,正文逐字保留。
我把市面上跟审美有关的 skill 全翻了一个遍。同样是让 AI 去做网页、做方案,为什么有的人做出来很高级,有的人一看就是 AI 做的?很多时候差的不是模型,是有没有给它装上审美。对老板来说,这事不小啊,官网、提案、汇报,这些对外的东西就是公司的脸面,对吧?安装排行榜前六百名里面,跟审美和设计有关的二十多个,我逐个读完了。今天挑六个,按做一个页面从头到尾的顺序讲,每一步该用哪个。
那从零去做一个页面,最怕的是什么呢?随便提个需求,出来的东西跟谁家都差不多。这时候需要一个设计总监,动手之前先定方向。这是 Anthropic 官方做的 frontend-design。它有个要求我很认同啊,做出来的设计,得是这个客户独有的,要跟他自己的品牌、整体的风格对得上。要是这一版把客户名字一换,套到别家身上也能直接用,那就说明它根本没替这个客户去想,就得重做。所以提需求的时候,要说给谁看,想要什么感觉,大概什么颜色。不用上来就报尺寸色号,但只说做个落地页,很难做出自己的特点。
那如果连风格都没想好呢?可以找一本按行业分好的设计手册,GitHub 上开源的 ui-ux-pro-max。你跟它说,做个医疗数据分析后台,它就按行业给出页面怎么分块,用什么配色和字体。它给美容养生店的方案呢,是柔粉配鼠尾草绿,加一点金色,还专门写了别用霓虹色。这套要求可以存下来,后面的页面接着用。
方向有了,要做一个拿出去见人的页面,比如产品介绍页、个人作品集。AI 做这种页面最大的毛病是什么呢?都长一个样。中间一个大标题,下面三张一样大的卡片排一排,看多了一眼就知道是 AI 做的。taste-skill 就是专门治这个的,GitHub 上开源的,九万多星。它自己的介绍就一句话:给 AI 好品位,别做千篇一律的东西。它最好用的是三个数,每个从一到十,自己定。第一个管排版有多大胆,调低了就是规规矩矩、居中对齐,调高了就是左右错开、不对称的排法。第二个管动效,调低了只有鼠标放上去才有点变化,调高了页面一滚动,东西都跟着动。第三个管一屏放多少内容,调低了一屏就一两句话、大片留白,调高了就密得像个数据看板。先把这三个数定好,再让 AI 去做,比做完了说一句不够好看,要准得多。
那好看了,能不能交出去呢?好看不等于好用啊。比如一个报名页,客户在手机上填手机号,想粘贴,粘贴不进去。点了提交,按钮一下就灰了,也没个转圈,不知道是成了还是没成。填错了,也不告诉他错在哪一栏。这种小毛病,做的人自己很难发现,可客户碰上一次,可能就直接走了。这时候就需要一个验收员,Vercel 做的 web-design-guidelines。Vercel 是一家帮人把网站放到网上的美国公司。这个验收员手里有一张一百多条的清单,刚才说的不许挡着粘贴、提交的时候要有转圈、错误要标在出错的那一栏旁边,都在里面。页面做完跟它说一句帮我检查一下,它就一条一条去对,告诉你哪个文件哪一行有问题,再让 AI 照着改掉。交给客户之前、上线之前,都值得让它查一遍。
但产品交出去以后,肯定还要一轮一轮地改啊。轮数一多,最常见的问题就是越改越不像自己了。今天说改大气点,明天说改活泼点,改到第十版,跟第一版已经不像一个品牌了。impeccable 就是管这个的,做它的 Paul Bakaus 在谷歌工作。它第一步先问几个问题:这个产品给谁用,想要什么调性,然后写成一份说明书。以后每改一次,它都先翻这份说明书,改来改去,还是同一个品牌。第二个好处是,它把怎么改,变成了几个很简单的说法。想听意见,就让它点评,哪里层次乱、哪里看不清,它会说出来。嫌太平淡,就让它加点劲;嫌太花,就让它收一收;上线前,让它精修一遍。不懂设计的人,也能把想要的改法说清楚。
再往细里抠呢,就需要一个做界面的老师傅了。弹出来的动画快一点慢一点,该用淡阴影还是硬边框,这些都会影响感受。设计工程师埃米尔,在 Linear 做界面,他把多年的经验写成了 emil-design-eng。需要的时候再叫它,不用一直开着。它还有个办法我觉得很好,拿超长名字,空列表,超大数字去试页面,看会不会坏。正常内容摆着好看,换成实际使用的情况,也得撑得住啊。
那这六个串起来,就是一条线:设计总监定方向,设计手册给配方,taste-skill 管好不好看,验收员管好不好用,impeccable 管改了十版还像不像自己,老师傅管细节。不用全装,缺哪一环,补哪一环。
那说回我自己吧,我最常用的,其实不是这六个。Anthropic 官方那个 frontend-design,我确实装了,但不怎么用。我最常用的是 PPVI,这是我五月份自己开发并且开源的一个审美 skill。我的做法是,把各家好的地方拿过来,再按我自己的审美标准,做成一个我自己的 skill。颜色用灰色打底,字号分几级,留多少白,要不要毛玻璃那种半透明的效果,都是按我的标准定的。我的会议纪要、方案页,都是用它做出来的。而且自己的 skill 也可以留弹性,表格可以密一点,文章可以疏一点,首屏和毛玻璃的程度都能变,不是套上去就千篇一律,对吧?
就拿我们社群的资讯日报来说吧。我们社群每天早上都会发一份 AI 资讯日报,是一个网页,一天二十来条新闻,内容很密。这次改版,我就没让它套会议纪要的样式。AI 想删内容,或者折叠起来让人点开,我不同意。一般人不会点展开,整理出来的资讯就看不到了。我要的是一条不删,也不折叠,用留白和分区隔开每条,标题和正文的颜色字号拉开,再用上智序派的紫色。前后改了五版。这里要判断的,是这么多内容怎么摆,才能让人愿意往下看。
所以我觉得,skill 能把设计的方法带进来,但什么适合自己的业务,这份品位还是得自己给。我也建议大家,skill 别装太多,挑适合自己的。更好的办法是,取各家之长,按自己的审美标准,做一个自己的 skill,再根据具体场景把要求讲清楚。那今天的内容就是这样,我们明天再见,拜拜。