atidraw

atinuxMIT更新放缓

基于 Nuxt 和 Vercel AI Gateway 的在线绘图分享应用，用 Nano Banana 模型生成图像并存入 Cloudflare R2，适合快速搭建 AI 绘图展示站。

Share your drawings with the world. Powered by Vercel AI Gateway (Nano Banana) & R2.

暂无版本210star27fork同步于 2026-11-07 07:32 UTC

AI绘图图像生成 Nuxt 对象存储 SSR

对比 GitHub 官网 ai-gateway auth cloudflare-r2 nanobananapro nuxt

怎么上手

由 README 提炼，执行前请确认

原文

pnpm install
cp .env.example .env
pnpm dev

硬件要求按 README 说明

README 未说明，AI 推理在 Vercel AI Gateway 云端完成，本地只需能跑 Nuxt 开发服务器

下载：源码 zip·GitHub Releases（安装包）本站不镜像安装包

项目说明

由 README 自动翻译提炼

没人工点评？写下你的经验

画几笔就让 AI 生成图像并分享的 Nuxt 网页应用，适合快速体验 AI 绘图

基于 Nuxt 和 Vercel AI Gateway 的在线绘图分享应用，用 Nano Banana 模型生成图像并存入 Cloudflare R2，适合快速搭建 AI 绘图展示站。

核心能力

用 signature_pad 提供手绘输入界面
调用 Google Nanobanana 根据手绘生成图像
自动为画作生成 alt 文本，兼顾无障碍与 SEO
画作可存本地文件系统或 Vercel Blob、Cloudflare R2
支持 Google、GitHub 登录或匿名本地登录

容易踩的坑

需自行申请 Vercel AI Gateway API Key 并填入 .env，否则 AI 功能不可用；不配置 Google、GitHub 凭据时会自动切换为匿名登录；开发环境画作存本地文件系统，生产需另配 Vercel Blob 或 Cloudflare R2

内容由模型根据 README 生成，可能不完整或不准确，以官方文档为准。看原文 README

用户点评

登录用户的真实使用记录，可按版本和硬件筛选

共 0 条

还没有人点评。第一个说出真实体验的人最有价值。

README 原文

未翻译

在 GitHub 打开

Draw and share your Art with Atidraw 🎨✨

Atidraw is a web application that lets you draw something, and see what AI draws from it.

The application is running with server-side, authentication and AI is powered by Vercel AI Gateway.

🚀 Key Features

Intuitive Drawing: User-friendly interface powered by signature_pad
AI-Powered Enhancements:
- Automatic alt text generation for accessibility & SEO
- Generate an image of your drawing with Google Nanobanana
Global Storage: Your creations are stored on the filesystem locally and on many Blob providers
Flexible Authentication: Sign in with Google, GitHub, or stay anonymous (local)

🎥 See It in Action

https://github.com/Atinux/atidraw/assets/904724/85f79def-f633-40b7-97c2-3a8579e65af1

Ready to draw? Visit draw.nuxt.dev and share your best drawing!

🛠 Tech Stack

Nuxt - The Intuitive Vue Framework
Nuxt UI - Beautiful UI library with TailwindCSS
Nuxt Auth Utils - Simplified Authentication
NuxtHub Blob - To store drawing on Vercel Blob or Cloudflare R2 (fs locally for development)
AI SDK - To run AI models on user's drawing

🚀 Quick Start

Install dependencies with pnpm
```
pnpm install
```
Set up your environment and fill the env variables
```
cp .env.example .env
```
If you don't set the Google and GitHub credentials, anonymous sign-in will be enabled.
Create a Vercel AI Gateway API Key
Launch the dev server
```
pnpm dev
```

Visit http://localhost:3000 and start drawing!

📝 License

Published under the MIT license.