本文经原作者授权转载,版权归原作者所有。原作者:droidHZ(@hezhiyan7)。查看原文 →


早上好,朋友们! 昨天群友有问怎么提升网站的审美,我看推上很多人推荐了impeccable.style ,主要是解决大家不知道怎么说设计提示词的朋友,我也实操了一下,今天分享给大家。

Article image

首先我一句话让codex (最近cc 封号多,暂时没用),生成了一个测试页面。 我的提示词比较简单,使用next.js 生成一个 AI 视频生成器的 Landing Page。生成了如下的效果。

Article image

然后使用官方文档给的命令安装上impeccable,他会有21的skill 让你选择,AI给我解释这些skill 的功能,大家可以到官方文档看具体的说明和演示效果来选择安装 https://impeccable.style/cheatsheet npx skills add pbakaus/impeccable

Article image

接着就是安装skills 的步骤: 选择skills 的路径,基于你常用的大模型进行选择。 选择skills 是全局还是项目基本 我选择了Symlink 的方式进行安装

接着我就用这里面具体的skill 去进行测试优化网页了。

首先让ai 使用/distill 去简化网页结构,现在网页上东西太多了

Article image

使用typeset skill 让网页排版更舒服

Article image

使用colorize skill 让配色更高级

Article image

使用polish skill 让提升项目质感

Article image

使用optimize skill 全面优化项目

Article image

不过我对网页的审美也比较差,感觉我这个demo 我也评估不了效果好不好,使用方式比较简单,大家可以用自己的项目试试优化效果,也许会更明显一些吧。