背景
最近我和小伙伴基于Chrome浏览器开发了一款插件，打算给其做一个产品宣传页来宣传，于是我打算直接让ChatGPT根据我提供的内容框架来生成。
尝试
基于我的需求内容，直接了当的给了ChatGPT提示，当然ChatGPT基于我的提示生成了相关代码，但是！结果是：只有感情，没有技巧！一点样式也没有啊！！！！心想：难道我还要自己写样式吗？如果自己写样式，那我差这点代码？
探索
基于以上结果，反复思考，如果我写样式，根据习惯，首先会引入一个三方样式库，然后基于其进行布局编写，那么~~ 对，ChatGPT是不是也可以？
进阶
说干就干！于是我扒出来了ChatGPT使用的样式库 tailwindui，那么就让他也使用这个样式库来一套呗
关键提示： 基于xxxx样式库，帮我编写xxxx
开干！输入了关键指令“基于 tailwindUI”：
指明风格：类似xxx官网的风格
关于风格这边，我首先想到了Apple官网的（原因有2个：很酷炫，确实很酷炫）
明确内容：产品名称：xxx，产品slogan：xxxx
内容一定要精简，最好是模块，不要展开过多细节内容
基于模块进行微调
生成框架后再根据逐个模块修改，此处关键点是：明确让他告诉修改的代码以及位置。
精简&优化代码
在网站内有部分内容属于列表性质的，此处指示ChatGPT将其优化，关键提示为：xxx模块内容修改为根据数量动态展示，ChatGPT可将其数据封装为json结构并提供解析数据的代码；
生成SEO
经过不断地微调后，最终也就成成型了，成型之后可以让ChatGPT基于内容生成SEO代码。
最后就就大功告成了！
点击可直接查看生成的效果：anycast.codwiki.cn/
Anycast With ChatGPT | 基于 ChatGPT 的智能谷歌浏览器插件
其核心功能有2：
- 任意网页内科通过快捷键唤起
- 预设了多种Prompt
助力你享受AI对话带来的编辑新感觉，打造高效、智能、顺畅的在线编辑体验
