①核心关键词+价值点：AI生成趣味网页代码，打造爆款社交裂变工具
提示词描述：
适用场景：微信群/朋友圈趣味测试裂变。目标用户：社群运营、活动营销人员。预期效果：通过趣味测试和专属海报生成，引发用户自发分享，实现低成本涨粉。使用技巧：将生成的海报二维码替换为自己的引流二维码。
提示语关键词：
AI写前端代码,React网页开发,趣味测试小程序,社交裂变代码,网页生成器,AI代码生成
提示词内容：
兄弟，帮个忙，给我写个前端网页代码，我要搞个“测测你是哪种打工魂”或者“今日搞笑运势”的趣味测试小工具，用来在微信群里裂变涨粉的。你用React或者Vue给我搭个单页面应用，最好用Vite构建，启动快点。
第一步，首页要够吸睛，弄个大大的“点击测试”按钮，带点呼吸灯动画效果，背景搞点赛博朋克风。第二步，题库要有意思，给我设计5个搞笑的选择题，比如“老板突然叫你开会，你的第一反应是？A.装死 B.拿上奶茶 C.直接跑路”，每个选项对应不同的性格分数。
第三步，根据用户的选择，计算出一个搞笑的“打工魂”人设，比如“摸鱼王者”、“画饼大师”，并配上对应的搞笑表情包和一段犀利的点评。第四步，重点来了，底部一定要有个“生成专属海报”的功能，用html2canvas把结果截图，带上我的公众号二维码，方便他们发朋友圈。
代码结构要清晰，样式要潮，多用点CSS3的炫酷特效。注释给我写得接地气一点，就像咱们在网吧开黑时聊天那样，拜托啦！记得把响应式做好，手机上显示不能乱！最后，帮我把打包后的dist目录结构整理好，顺便写个简单的README，告诉我怎么部署到Vercel上，我小白一个，别让我踩坑。