赛博朋克 + 大模型:我用 React 19 写了一个“抽象话”生成器 (Emoji Matrix)
在这个“网络抽象话”横行的时代,单纯的文字似乎已经无法承载当代互联网原住民(Gen-Z)那溢出的情感了。
你是否觉得自己的聊天回复不够“有味”?是否羡慕别人每句话后面都能精准跟上一串 😅🤯🥵?
为了解决这个问题(虽然它可能不是个问题),我开发了 Emoji Matrix (赛博表情转换器) —— 一个极具赛博朋克复古风格的 AI 工具,能给你的每一句话“注入灵魂”。
🖥️ 什么是 Emoji Matrix?
Emoji Matrix 是一个基于 Web 的实时 AI 文本增强工具。它的核心功能很简单:你输入一段平淡无奇的文字,它吐出一段“含金量极高”的 Emoji 抽象话。
但作为一个前端开发者,我不能接受它长得平平无奇。于是,我为它设计了一套 NEON_RETRO_v2 视觉语言:
- CRT 扫描线效果:模拟 80 年代旧显示器的质感。
- 霓虹荧光配色:高饱和度的绿 (#00ff9f) 与紫 (#d600ff) 碰撞。
- 机械终端交互:打字时的光标闪烁,按钮的反馈,都充满了极客味。
⚙️ 核心功能
1. 多模型驱动 (Multi-Model Support)
这个项目不仅仅是一个简单的正则替换,它接入了真正的大语言模型 (LLM) 来理解语义。
- DeepSeek (深度求索):默认模型,对中文梗和互联网黑话理解极深,生成的 Emoji 极其地道。
- Google Gemini:响应速度极快,适合长文本处理。
- 自定义接口:支持任何兼容 OpenAI 格式的模型(如 Doubao 等)。
2. 浓度控制 (Density Control)
并不是所有场合都需要满屏的表情包。我设计了三个档位:
- LOW (低):点到为止,在句尾加一两个表情,适合稍微活泼点的日常交流。
- MEDIUM (中):情绪饱满,三五字一表情,适合群聊吹水。
- HIGH (高 - 抽象模式):核能预警! 几乎每个词都跟表情,主打一个混乱邪恶,适合“攻击性”极强的互联网对线或整活。
3. 隐私优先
所有的 API Key 都存储在你本地的浏览器 LocalStorage 中,不会经过我的服务器。你可以放心地使用自己的 Key。
🛠️ 技术栈揭秘
作为一个探索性质的项目,我使用了目前较新的前端技术栈:
- React v19:尝鲜最新的 React 特性。
- Tailwind CSS:原子化 CSS,配合自定义动画实现赛博故障风 (Glitch Effect)。
- Google GenAI SDK:直接在前端接入 Gemini 能力。
- Vercel:零配置部署。
🔗 体验地址
项目已经开源,欢迎 Star 或部署你自己的版本!
- GitHub: 查看源码
- Online Demo: https://etxt.taoxi.fun
评论
