🍬 阿甜贴纸工坊

不会画画，不会写代码，也能做一套你专属的 AI 贴纸

这是 @年轻朋友阿甜 和豪哥一起做的开源小工具， 免费送给所有喜欢做贴纸的朋友 🧡

---

✨ 它能做什么

上传一张你的角色图（宠物、头像、自画像都行） → AI 生成一组 12 张不同表情的贴纸 → 自动切图、抠背景、加白描边 → 在画布上自由拖拽、保存到相册、送给朋友。

上传 & 选风格	生成中 · 约 30 秒	12 张贴纸就位

📑 目录

• 谁适合用它
• 快速上手
• 技术栈
• 关于我们
• 商务合作
• 致谢
• 开源许可

🧡 谁适合用它

• 想给自己的宠物做一套专属表情包
• 想给自己的 IP 形象做贴纸合集
• 想送朋友一份独一份的礼物
• 想玩玩 AI 图片生成，顺便学点小技术

🚀 快速上手

不会代码？复制下面这段，发给 ChatGPT / Claude / 豆包 / 通义千问 任何一个 AI：

我想在我的电脑上部署这个开源项目：

我的系统是 Mac（或 Windows，选一个）。
我已经在 Google AI Studio 申请了 Gemini API Key：sk-xxxxxx

请一步一步教我，每一步具体要打什么命令、点什么按钮。
遇到错误我会截图发给你。

AI 会从装 Node.js 开始一路带你跑通。不懂的地方继续问它就行。

💡 需要 Gemini API Key？访问 Google AI Studio，登录 Google 账号 → Create API Key → 复制保存。国内访问需要魔法上网。

🛠️ 技术栈

层	技术
前端框架	React 19 + TypeScript
构建	Vite 6
样式	Tailwind CSS
图标	Lucide
图片打包	JSZip
图像处理	Canvas API（切图、抠背景、加白描边）
AI 模型	Gemini Flash Image（Nano Banana 🍌）

核心逻辑集中在两个文件：

• services/geminiService.ts — 调 Gemini API 生成 4×4 贴纸大图
• services/imageProcessor.ts — 在前端用 Canvas 把大图切成 12 张透明贴纸并加白描边

👋 关于我们

阿甜 · ENFP · 内容创作者 · 社群运营

"越分享，越幸运"

豪哥 · AI 玩家

💌 商务合作

品牌合作 / 商单 / 其他洽谈：

小红书私信 → @年轻朋友阿甜

🙏 致谢

• Google Gemini — Nano Banana 图像生成模型是这个工具的核心
• 所有开源社区 — React / Vite / Tailwind / Lucide / JSZip 的维护者们
• 看到这里的你 — 谢谢你愿意点进来看一个小项目 🧡

📄 开源许可

MIT License — 代码随便拿去用、改、商用、学习，做什么都可以。

---

如果你用这个工具做出了好看的贴纸，欢迎来小红书找阿甜玩 🧡