💡 一个想法
使用 emoji 可以让我们的文章更加丰富,有时候想找到一款复合场景的 emoji 还是要费一些功能。于是想打造一个属于自己风格的 emoji 库;既能实现快速搜索,又能不断根据自己的喜欢添加。于是想设计一个属于自己的 emoji 库,来哄哄每天搬砖的自己。
☕ 先看效果
于是结合 cursor 打造属于自己的一个 emoji 网页。
一款属于自己的 emoji 工具🔧
📱 使用 cursor
构建基础的 Prompt
## 你是一个 emoji 专家
1. 输入汉字带出对应的 emoji 图
2. 生成一个网页,网页的布局,头部输入框,搜索emoji图;
3. 分类包含30种以上,每种表情超过200个;在下面区域是emoji 图;
4. 点击emoji图可以快速复制
5. 使用静态网页,要求布局扁平化,风格优雅美观;布局清爽大气,颜色柔和
不断优化
情况一:比如分类下面没有 emoji 图
这个时候,输入指令,让其丰富种类。
- 数量不够多
- 分类不够多
- 页面不够美观
- 大小不合适
- ......
通过不断地优化,最终让其符合自己的要求。
部署服务
要想让我的网页可以随处访问,就需要做简单部署,因为都是静态页面,选择使用 github 的Pages 功能。
- 上传代码
- 设置 Pages
通过这样的方式,不仅可以创造出满足个人需求的独特工具,也为未来探索更多创新应用奠定了坚实的基础。希望这份经验分享能够激发大家对于Web开发的兴趣,并鼓励大家动手实践自己的想法。