技能对照册

同一份提示词,
换一个技能。

01

精品咖啡订阅官网

不使用技能生成的精品咖啡官网首屏,整幅咖啡果实照片上压着中文标题

不使用技能

15 轮 / 4.7 min

整幅果实照片铺满首屏,中文标题压在左侧;导航三项,画面下沿只留批次与庄园一行小字。

frontend-design 生成的精品咖啡官网首屏,果实照片下方并列庄园、产区、海拔与批次
9 轮 / 3.8 min

同样是果实照片,标题下多一行英文,导航扩为四项;画面底部并列庄园、产区、海拔与批次四项信息。

oil-ui 生成的精品咖啡官网首屏,标题为好咖啡始于一片土地
17 轮 / 4.2 min

首屏标题改为「好咖啡,始于一片土地。」,字号更大;底部信息条与下一段标题露出,页面节奏更接近长文。

impeccable 生成的精品咖啡官网首屏,左侧奶油色文字区与右侧咖啡豆照片分栏
15 轮 / 5.7 min

首屏改为左右分栏:左侧奶油色文字区,右侧深色咖啡豆照片;标题用衬线大字,下一段「风味」章节露出。

taste-skill 生成的精品咖啡官网首屏,深色咖啡豆照片上压着白色标题
8 轮 / 3.5 min

首屏用深色咖啡豆照片铺满,白色标题压在中间偏左;整体色调最暗,接近一张海报。

hallmark 生成的精品咖啡官网首屏,果实照片上标题与信息行分列
22 轮 / 5.0 min

首屏用果实照片,标题与信息行分列上下;导航四项,画面底部并列四组庄园信息,版式较规整。

02

绘本插画师个人网站

不使用技能生成的绘本插画师网站首屏,左侧标题把小小日子画成大大故事,右侧夜景里骑车的熊

不使用技能

11 轮 / 4.7 min

米色底配深绿,标题分三行,右侧木框夜景里小熊骑车经过小屋,右下角一枚圆形徽章。

frontend-design 生成的绘本插画师网站首屏,左侧标题与右侧蓝天狐狸插画分栏
9 轮 / 6.0 min

左右对半分栏,右半幅是蓝天、狐狸与小屋;最左侧一行竖排小字,标题上方用短横线引导。

oil-ui 生成的绘本插画师网站首屏,左侧标题与右侧提灯小熊插画
33 轮 / 6.7 min

鼠尾草绿与米白分栏,右侧插画标着 ILLUSTRATION NO. 01,小熊提灯站在林间;画面下沿露出下一组作品的编号。

impeccable 生成的绘本插画师网站首屏,淡紫天空下孩子与狐狸坐在打开的书上
15 轮 / 5.9 min

淡紫天空铺满首屏,孩子与狐狸坐在打开的书上,标题后半句转为锈红;首屏下沿已经露出自我介绍。

taste-skill 生成的绘本插画师网站首屏,圆拱形画框里熊和孩子共读一本书
15 轮 / 8.0 min

右侧插画收进圆拱形画框,熊与孩子共读一本书;金色圆形贴纸压在画框右下角,画框外留出米色空白。

hallmark 生成的绘本插画师网站首屏,芥末黄底色上白色相框里兔子拿着信封
37 轮 / 8.8 min

芥末黄铺满首屏,白色相框略微倾斜,夜里兔子拿着一封信;红色圆形贴纸压在相框左下角。

03

黑胶播放器

不使用技能生成的黑胶播放器首屏,米白底左侧是拾音室侧边栏,唱盘与右侧歌词并列

不使用技能

14 轮 / 5.2 min

米白底配鼠尾草绿,左侧带「拾音室」侧边栏,主标题「让时间慢下来。」;唱盘、歌词与固定在底部的播放条组成完整 App 界面。

frontend-design 生成的黑胶播放器首屏,淡紫底居中大唱盘搭着唱臂,上方标题月光落在房间里
9 轮 / 3.8 min

淡紫灰底,唱盘居中放大,唱臂稳稳搭在唱片上;标题「月光落在房间里」压在唱盘上方,歌词独立成右侧一栏,页面留白最多。

oil-ui 生成的黑胶播放器首屏,暖米色唱片套里的唱盘与右侧「窗边的风」歌词
31 轮 / 6.3 min

暖米色唱片套里装着唱盘,中心标签是橙色的《慢慢有光》;右栏歌词清爽,按钮区直接写出空格键操作提示。

impeccable 生成的黑胶播放器首屏,浅豆绿背景上大唱盘与右侧歌词
16 轮 / 3.8 min

浅豆绿满屏,唱盘最大,歌词当前行用深绿加粗;播放条在首屏之外,要往下滚才能看到。

taste-skill 生成的黑胶播放器首屏,灰橄榄色唱片套与右侧大标题「落日来信」
23 轮 / 5.8 min

灰橄榄色唱片封套,标签写着 DUSK RECORDS / After the rain;右侧大号衬线标题「落日来信」,底部播放条完整可见。

hallmark 生成的黑胶播放器首屏,奶油色大标题与左侧大唱盘、金属轴心唱臂
14 轮 / 3.8 min

奶油底,大号标题「把黄昏折起来」,唱臂轴心做成一颗金属圆盘;控制条与「拖动唱臂」提示都落在首屏内。

04

Orvo 官网落地页

不使用技能生成的 Orvo 落地页首屏,米白底深绿标题「好想法,值得上线。」,右侧浅绿面板里是浏览器样机

不使用技能

8 轮 / 5.2 min

米白底深绿,标题里「上线」两字换成橙色衬线;右侧浅绿面板放浏览器样机与「你的首版已就绪」浮卡,首屏底部列出 18,000+ 与 6 天。

frontend-design 生成的 Orvo 落地页首屏,白底亮蓝标题「想法,开工。上线,有人同行。」,右侧淡紫斑块托着样机
10 轮 / 5.0 min

六组里唯一的白底配亮蓝,第二行标题整行蓝色;右侧淡紫斑块托着样机,底部一行勾出不按点数、不限修改、代码可导出。

oil-ui 生成的 Orvo 落地页首屏,大号标题「好想法,就该被做出来。」,下方整宽浅绿面板放输入框与陶器店样机
51 轮 / 10.0 min

标题字号最大,简介与演示入口挪到右侧;输入框和陶器小店样机一起放进下方整宽的浅绿面板。轮次是其余五组的二到六倍。

impeccable 生成的 Orvo 落地页首屏,橄榄绿标题「值得真的上线。」,右侧拱形面板上贴着荧光绿圆形贴纸
22 轮 / 5.1 min

第二行标题用橄榄绿;右侧面板做成上圆下方的拱形,样机上贴荧光绿圆形贴纸和一条对话修改浮卡,不填内容直接提交,会提示先写一句。

taste-skill 生成的 Orvo 落地页首屏,标题「你的想法,可以上线了。」里橙色斜体的上线了,右侧单列 18,000+
21 轮 / 7.6 min

「上线了」用橙色斜体;输入框最宽,右侧单独放 18,000+ 与「认识你的专家伙伴」,工作区样机从首屏下沿露出一半。

hallmark 生成的 Orvo 落地页首屏,深绿标题「好想法,尽管上线。」,左侧带标签的多行输入框,右侧绿色面板里是中文小店样机
14 轮 / 4.3 min

深绿标题,输入框是带标签的多行文本框;右侧样机写的是中文小店页面,首屏下方四格数据条,窄屏下筛选按钮自动换行。

05

独立开发者个人主页

不使用技能生成的独立开发者个人主页首屏

不使用技能

247 轮 / 31.0 min

首屏用「把想法做成日常」介绍自己,并给出产品和最新文章入口。

frontend-design生成的独立开发者个人主页首屏
168 轮 / 20.9 min

首屏以「把软件做小,把事情做久」介绍自己的工作。

oil-ui生成的独立开发者个人主页首屏
378 轮 / 44.5 min

首屏写着「第四年,还是一个人做软件」。

impeccable生成的独立开发者个人主页首屏
229 轮 / 21.5 min

首屏以「一个人,做完整的软件」作自我介绍。

taste-skill生成的独立开发者个人主页首屏
162 轮 / 27.8 min

首屏以「周屿,一个人做软件」介绍自己。

hallmark生成的独立开发者个人主页首屏
219 轮 / 40.7 min

首屏写着「第四年,还在做小软件」。

06

《云烟成雨》歌曲宣传网页

不使用技能生成的《云烟成雨》宣传页首屏,灰蓝雨天城市剪影,左侧竖排大标题「云烟成雨」

不使用技能

76 分
3 轮 / 2.6 min

雨天城市配竖排标题氛围到位,歌词轮播与雨声试听齐全;意象卡片和标签偏模板化。

frontend-design 生成的《云烟成雨》宣传页首屏,雾中城市剪影与一盏路灯,右侧竖排标题
5 轮 / 2.2 min

云、烟、雨三段叙事贴合歌名,雾灰配色克制耐看;没有导航,可操作的地方很少。

oil-ui 生成的《云烟成雨》宣传页首屏,米白底色,居中竖排黑色大标题,左下两个按钮

oil-ui

81 分
22 轮 / 5.3 min

滚动时纸白渐入雨夜,竖排歌词逐行浮现很有仪式感;歌词段拖得偏长,标题断行不齐。

impeccable 生成的《云烟成雨》宣传页首屏,起雾的车窗外是模糊的城市灯光,窗上竖排写着标题
38 轮 / 8.5 min

起雾车窗能亲手擦开,沿公交线路分站讲歌,记忆点最强;下半页回到常规排版。

taste-skill 生成的《云烟成雨》宣传页首屏,深色雨夜,路灯光束下有猫的剪影,左侧横排大标题
18 轮 / 5.6 min

路灯下的猫与雨夜插画贯穿全页,播放器和音量调节完整;深浅区块来回切换,风格略显拼接。

hallmark 生成的《云烟成雨》宣传页首屏,深色背景上的暖色光斑,横排大标题,右下角雨量滑块

hallmark

84 分
17 轮 / 3.2 min

雨夜光斑配雨量滑块,画面与雨声同步变化;内容只有简介与收听,页面偏单薄。

07

22 岁生日祝福网页

不使用技能生成的生日祝福页首屏,米白纸面,左侧大标题「苏禾,22 岁快乐。」,右侧圆形底板里的蛋糕和信封

不使用技能

84 分
23 轮 / 23.0 min

22 个瞬间配了十几种插画,最不重样;蛋糕在页面里偏小,留言卡片规整但平淡。

frontend-design 生成的生日祝福页首屏,三行大标题,右侧拍立得里的紫色蛋糕,旁边是日历和明信片
25 轮 / 14.6 min

拍立得里的蛋糕和明信片首屏精致,留言做成彩色便签;回忆插画重复多,许愿区偏空。

oil-ui 生成的生日祝福页首屏,砖红点缀的大标题,右侧两张拍立得和一枚「22」邮票

oil-ui

87 分
62 轮 / 19.7 min

信里用荧光笔划出重点句,砖红点缀醒目;22 个瞬间一次铺开,插画反复出现,页面偏长。

taste-skill 生成的生日祝福页首屏,留白较多的绿色调,右侧拱形底板里的绿色蛋糕与台灯
36 轮 / 16.5 min

首屏蛋糕插画和绿色调克制干净;22 个瞬间只有文字卡片,整段读来单调。

impeccable 生成的生日祝福页首屏,暖黄底色与手写风格标题,右侧两人野餐的大幅插画和雨中小照片
43 轮 / 19.7 min

倾斜卡片和胶带便签最像生日手册;长信用手写体读来稍累,蛋糕下的字压住了托盘。

hallmark 生成的生日祝福页首屏,豆沙红配色,右侧雨中撑伞的拍立得、花束照片和深圳到南京的车票

hallmark

86 分
86 轮 / 23.3 min

车票和雨中拍立得点题,蜡烛可以一根根吹;回忆插画几种轮换,操场配了图书馆。

参与对比的技能

方法

把技能单独
拿出来看。

每个案例的六组页面用同一份提示词、同一个模型生成,区别只在于是否使用技能、使用哪一个。

每组只生成一次,结果有偶然性,适合看差异,不适合排名。

已评分案例的分数由 AI 按评分规则给出,只代表这一次生成的成品,相差几分不代表优劣,仍不适合用来给技能排名。

卡片上是首屏截图,点开可以看完整页面。案例 01 和 04 还可以切换到 DeepSeek 的结果;两个模型用到的部分技能版本和思考强度不同,跨模型比较时请留意。