用 cc 加一个 skill,把自己项目落地页的"AI 味"改了一遍

给自己的代理客户端做了个官网,第一版让 AI 直接生成的,一眼就是 AI 味:大渐变、一排排卡片、一堆装饰。

后来在 GitHub 上看到一个叫 ai-design-skills ( https://github.com/elayadesign/ai-design-skills) ,装了其中的 landing-page-design,让 cc 照它的规则把页面过了一遍。其实就是一份清单:字号、间距、圆角都只能用固定的几个值,动效用同一条缓动曲线,不许随手写 17px 22px 这种数。改完整齐了不少。

不过它是按英文站写的,中文要自己取舍。比如它只让用 Geist 字体,中文没有,我就只给英文用;同样字号中文标题会被拆成好几行,我把中文标题降了一档;标题渐变我也没加,渐变本来就是 AI 味的重灾区。

另外页面中间有一段滚动时逐词点亮的大字,中文没空格不好切词,用了浏览器自带的 Intl.Segmenter。

官网就是这个: https://marukolibro.github.io/Hop/ (Hop 是我上一帖发的那个客户端,顺便放一下)
仅供交流学习,不做推荐哈,大家喜欢用啥就用啥