/awwwards 是一个做网站的 Skill,标明支持 CodeX,MIT 开源。你只说一句「给我做个作品集」,它先出三套方向打分挑一个,定好配色字体写进 DESIGN.md,做完在真浏览器里截电脑和手机的图,再派一个没看过方案的 AI 打分,每项到 8 分才收工。想要一个不像模板的个人主页,可以拿它试试。
写在前面
大家好,我是宋超。
第四周咱们做过网站,很多同学交上来的作品我都看过。功能都跑通了,可放在一起看,长得有点像:一块渐变色的大标题,下面并排三张卡片。这不怪你,你让 AI 随便做个网站,它最顺手的就是这一套。
今天推荐一个专门治这个毛病的 Skill,叫 /awwwards,开源免费,标明支持 CodeX。它的思路很像一个靠谱的设计师:先想清楚这个网站凭什么是你的,再动手做,做完还要自己挑错。
读完你会知道它是怎么干活的、适合拿来做什么,以及装之前要掂量的几件事。想给自己做个作品集或个人主页的同学,可以收藏起来周末试。
Awwwards 是一个评选网页设计的网站,每天选一个「当日最佳网站」,评委会从设计、好不好用、创意、内容几个方面打分。这个 Skill 拿它当标尺,作者的说法是:网站不用真去参评,但要做到够格参评的水准。
它是 10 月 12 日刚开源的,MIT 协议,到 10 月 15 日已经有 341 颗星,作者这几天还在持续更新。
作者给的示范就一句话:「给我做个作品集,我叫某某。」它不会扔给你一张问卷,缺的信息自己先做假设,写下来让你看。
第一步,出三套创意,打分挑一个。这三套必须来自不同的方向,比如从你的名字出发、从你这行用的材料出发、从你所在的城市出发。每套都按原创性、合不合适、好不好实现打分,还有一项很妙:这个创意能不能原样搬给别人用?能搬走的,就说明它不是你的,分数要往下扣。
第二步,定配色、字体、版式和动效,写进一个叫 DESIGN.md 的文件。后面每一轮修改都照着这份文件来,不会越改越跑偏。定完还有一道「普通检测」:凡是一个普通 AI 随手就会做出来的样子,直接毙掉。
第三步才开始写网页。它的要求是先把静态页面做好看,关掉所有动画也像个完成品,再往上加动效。全站只留一个最出彩的瞬间,其他地方都安安静静。
第四步是挑错,这是它最值钱的一步。做完以后,它会在真浏览器里打开网站,截电脑、手机、关闭动画几种情况的图,自己一张张看。然后另派一个从没看过设计方案的 AI 来打分,就像请一个陌生人来评你的作品。每一项都到 8 分(满分 10 分)才算过关,不到就改,改完再评。
第五步是上线,做好分享图、网站图标这些收尾,再问你要不要部署。它不会自己偷偷发出去,要你点头。

这是作者演示视频里的画面。题目是给一个叫 Kestrel 的机械键盘做发布页,左右两边用的是两个不同的 Skill。左边那个也不差,排版干净,可它就是一个「卖键盘的网页」。右边把品牌名放成超大字,键帽直接压在字母上,一眼看过去就知道是这个牌子,换个牌子就不成立了。

往下翻也是这样,右边整页只讲一颗黄色键帽。前面说的「一个最出彩的瞬间,其他地方都安静」,就是这个意思。
后面这一半是训练营学员的内容。你要是学员,用手机号登录就能接着往下看。
登录后可以评论和点赞
还没有人说话,来做第一个