Aiartools – AI 图像编辑工具
项目地址
一个现代化的 AI 图像编辑 Web 应用,基于 Next.js 15 构建,使用 FLUX.1 Kontext [pro] 前沿模型提供强大的图像编辑功能。
✨ 主要特性
-
🎨 智能图像编辑 – 基于 FLUX.1 Kontext Pro 的前沿 AI 模型 -
🌍 多语言支持 – 支持中文和英文界面 -
📱 响应式设计 – 完美适配桌面端和移动端 -
🚀 实时处理 – 快速的图像处理和预览 -
💡 多种编辑模式 – 智能、精确、创意三种编辑模式 -
🎯 背景移除 – 基于 Kontext Pro 的智能背景移除 -
📐 纵横比控制 – 支持9种纵横比选项 (21:9, 16:9, 4:3, 3:2, 1:1, 2:3, 3:4, 9:16, 9:21) -
🖼️ 多格式支持 – 支持 JPG, JPEG, PNG, WebP, AVIF 格式 -
📁 本地下载 – 支持处理结果本地保存 -
🔒 安全性保障 – 文件验证与 API 密钥保护
🛠️ 技术栈
-
前端框架: Next.js 15 (App Router) -
UI 组件: Shadcn/ui + Tailwind CSS -
AI 模型: FLUX.1 Kontext [pro] (通过 fal.ai) -
国际化: next-intl -
类型检查: TypeScript -
样式: Tailwind CSS + CSS Variables -
数据库: Drizzle ORM -
认证: NextAuth.js -
图像处理: Sharp -
状态管理: Zustand
🚀 快速开始
1. 克隆项目
ounter(lineounter(line
git clone https://github.com/ItusiAI/Open-Aiartools.git
cd Open-Aiartools
2. 安装依赖
ounter(lineounter(lineounter(lineounter(lineounter(line
npm install
# 或
yarn install
# 或
pnpm install
3. 环境配置
复制 .env.example
到 .env.local
文件并添加您的 API 密钥:
ounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(line
# Fal AI API配置
# 从 https://fal.ai 获取您的API密钥
FAL_KEY=your_fal_api_key_here
# DeepSeek API配置
# 从 https://platform.deepseek.com 获取您的API密钥
DEEPSEEK_API_KEY=your_deepseek_api_key_here
# 数据库配置
# Neon数据库连接字符串
DATABASE_URL=postgresql://username:password@hostname/database?sslmode=require
# NextAuth.js配置
NEXTAUTH_SECRET=your_nextauth_secret_here
NEXTAUTH_URL=http://localhost:3000
# Resend邮件服务配置
RESEND_API_KEY=your_resend_api_key_here
RESEND_FROM_EMAIL=noreply@yourdomain.com
# JWT配置
JWT_SECRET=your_jwt_secret_here
# Stripe支付配置
# 从 https://stripe.com 获取您的API密钥
STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key_here
STRIPE_SECRET_KEY=your_stripe_secret_key_here
STRIPE_WEBHOOK_SECRET=your_stripe_webhook_secret_here
STRIPE_PRICE_ID=your_stripe_price_id_here
环境变量配置说明:
-
访问 fal.ai 注册账户,获取FAL_KEY -
访问 platform.deepseek.com 注册账户,获取DEEPSEEK_API_KEY -
访问 neon.tech 创建数据库,获取DATABASE_URL -
访问 resend.com 注册账户,获取RESEND_API_KEY -
访问 stripe.com 注册账户,获取Stripe API密钥和价格ID -
生成安全的密钥用于NEXTAUTH_SECRET和JWT_SECRET
4. 获取 API 密钥
访问 fal.ai 获取您的 API 密钥,该密钥用于访问 FLUX.1 Kontext [pro] 模型。
5. 启动开发服务器
ounter(lineounter(lineounter(lineounter(lineounter(line
npm run dev
# 或
yarn dev
# 或
pnpm dev
访问 http://localhost:3000 查看应用。
📋 API 端点
POST /api/edit-image
上传图像并进行 AI 编辑。
支持的操作 (action):
-
smart
– 智能编辑(默认) -
precise
– 精确编辑 -
creative
– 创意编辑 -
remove_background
– 背景移除
请求参数:
-
image
(File) – 图像文件 (支持 JPG, JPEG, PNG, WebP, AVIF) -
prompt
(String) – 编辑提示词(背景移除时可选) -
action
(String) – 操作类型(可选,默认为 smart) -
guidance_scale
(Number) – 引导比例(可选) -
strength
(Number) – 编辑强度(可选) -
aspect_ratio
(String) – 生成图片纵横比(可选)
GET /api/edit-image
获取 API 信息和使用说明。
🎯 AI 模型
本项目专注使用 FLUX.1 Kontext [pro] 模型:
-
fal-ai/flux-pro/kontext
– 前沿图像编辑模型,具有强大的上下文理解能力
🧪 开发工具
连接测试
ounter(lineounter(line
# 测试 Fal AI 连接
npm run test:fal
数据库管理
ounter(lineounter(lineounter(lineounter(lineounter(line
# 运行数据库迁移
npm run db:migrate
# 生成新的迁移文件
npm run db:generate
代码检查
ounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(line
# TypeScript 类型检查
npm run type-check
# ESLint 检查
npm run lint
# 格式化代码
npm run format
项目地址
https://github.com/ItusiAI/Open-Aiartools/blob/main/README.md?plain=1
扫码加入技术交流群,备注「开发语言-城市-昵称」
(文:GitHubStore)