这是我拿 Cursor 做的第二个网站。起因是有时候写东西想用到 emoji，但是 Windows 自带的 emoji 键盘的搜索功能不是很好用（感觉 emoji 表情不是很全，我搜国旗就搜不到），每次去网上搜，又觉得很麻烦。而且大部分站点都需要至少点击两次才能复制。我就想着弄一个可以直接搜索，并且可以一键复制的 emoji 网站。
先用 POE 给我写了个 demo，提示词很简单：
给我设计一个 emoji 大全的网站，可以点击复制。响应式设计，移动友好，优化设计风格。输出一个可以预览的html文件
很快就给了一个html文件，我感觉已经蛮好了。
想着把这个页面还是太单薄了一点，这样肯定也不能通过 Google Adsense 审核。于是又让 POE 重构了一版。这一次的提示词有点长了：
我有一个网页‘EmojiClip’，目前页面包含一个搜索栏、分类按钮（如‘表情符号’、‘人物与身体’等）和一个emoji列表（如图所示）。我想重构这个网页，使其更像一个完整的网站，并提升美观度。请帮助我设计一个新的网页结构，具体要求如下：
页面结构：
添加一个固定在顶部的header，包含网站标题‘Emoji Clip’、导航菜单（例如：Home, Categories, About, Contact）和一个搜索图标。
添加一个footer，包含以下内容：版权信息（例如‘© 2025 Emoji Clip’）、快速链接（Privacy Policy, Terms of Use, Contact Us）和社交媒体图标（例如Twitter、Instagram）。
保留现有的搜索栏和分类按钮，增加皮肤选择器，点击可以展开。
保留emoji列表，但调整显示方式（如更大的网格间距或hover效果）。
美观性和样式：
使用现代化的设计风格，整体色调可以是深色主题，但添加一些柔和的渐变色或高亮色（如蓝色或橙色）来增加活力。
优化字体，使用无衬线字体（如Roboto或Poppins）以提升可读性。
为emoji卡片添加阴影效果或圆角，使其更具立体感；鼠标悬停时可以有放大或颜色变化的效果。
按钮（分类按钮、搜索按钮等）设计为圆润的形状，带有微妙的hover动画（如颜色变化或轻微放大）。
确保页面在不同设备上自适应（响应式设计）。
功能性：
确保点击emoji后可以复制的功能依然保留，并添加一个小的提示（如‘已复制！’）。
在footer中，Privacy Policy和Terms of Use链接可以是静态文本（无需实际功能，但需要样式）。
其他：
如果可能，建议一个背景样式（例如微妙的网格图案或渐变背景）。
Tailwind CSS框架来实现这个设计。
给我生成一个可以预览的HTML文件。
然后就变成了现在的样子。还顺便弄了chrome插件。
再继续用cursor打磨一下：
- 支持6种语言：中文、英文、日文、法语、印地语、西班牙语。
- 支持选择肤色。
- 支持搜索，中文还支持拼音搜索。
- 点击即可复制 emoji。
- 最近使用分类会显示最近复制的40个表情。
- 有Chrome 插件，更方便使用，有快捷键可以快速调用。