AI imagesCAN I VIBECODE
OpenArt?
BUILD FIRST
- A non-sensitive or read-only version of the core experience
- A manual review step wherever correctness or trust matters
- A narrow companion tool that removes a real piece of work
LEAVE FOR LATER
- Regulated decisions, payments, or irreversible actions
- Claims of correctness, compliance, or uptime that the MVP cannot support
- Sensitive integrations until security, support, and auditability are ready
RESEARCH NOTES
What this tool actually does.
OpenArt (openart.ai) is a commercial AI creator studio for images and video. Core workflow: users type a text prompt (or upload a reference image), select from multiple hosted image models (GPT Image 2, Nano Banana 2/Pro, Recraft V4, WAN 2.7, Kling Omni, Seedream 4.5/5.0 Lite, and legacy models), and generate images in seconds. Platform features include text-to-image and image-to-image generation, inpainting/outpainting region editing, background removal, upscaling, a prompt enhancer that rewrites rough ideas into detailed AI-friendly prompts, and a character-consistency tool that locks a face/subject across generations. It also offers AI video generation with consistent characters. Pricing is subscription-plus-credits: Free (40 one-time credits, no commercial rights), Essential $14/mo (~4,000 credits, no commercial rights), Advanced $29/mo (~12,000 credits, commercial rights), Infinite
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build "SketchForge AI", a focused replacement for the AI-image-generation studio OpenArt (openart.ai). Do not copy OpenArt's brand, logo, marketing copy, page layout, color scheme, or trademarked assets.
Core workflow:
1. User enters a text prompt (or uploads a reference photo).
2. User picks one image model from a dropdown (mock at least 3: e.g., "Realistic Photo", "Anime", "Vector Illustration" — do NOT call real external APIs by default; implement a local deterministic mock generator that composites placeholder shapes/noise derived from the prompt, or wire an optional BYO-API key field for a real provider like Stability/Replicate).
3. User clicks Generate and sees 4 candidate images in a grid (mocked or real).
4. User clicks one image to open an editor: rectangular inpainting mask (drag to select a region, type a replacement description, apply locally), outpainting (extend canvas by N px with simple content mirroring), background replacement (one-click with a color or description), and upscale (2x nearest/bilinear).
5. User can mark an image as a "character reference"; subsequent prompts include a toggle "Use character reference" that appends a locked identity descriptor to the prompt.
6. A "Prompt Enhancer" button rewrites the raw prompt with a simple template (style + mood + lighting + composition) before generation.
7. Results appear in a history sidebar (thumbnail, prompt, model, timestamp); click to restore.
User-facing requirements:
- Single-page app with left prompt panel, center canvas/editor, right history rail.
- No-login demo mode with local-only persistence (localStorage); optional mock login.
- Toast notifications for errors; credit counter (500 mock credits, subtract per generation/edit).
Technical requirements:
- React 18 + Vite front end; Express or Fastify back end (or Next.js if preferred).
- Local mock generator: seeded PRNG from prompt hash so results are deterministic per prompt — do not pretend real AI quality.
- Optional BYO-API: if the user pastes an API key, route generate/edit calls to a real provider (document the interface).
- Canvas editing via HTML5 Canvas API (no heavy libraries) or Fabric.js if convenient.
- State management via React hooks/context; no Redux needed.
- README must cover: setup (npm install && npm run dev), how the mock generator works, how to add a real provider key, what is intentionally not implemented (real model training/fine-tuning, video generation, multi-user collaboration, billing/credit purchases, production auth, GPU inference), and a legal note about not including OpenArt's trademarks or assets.
Deliberately out of scope: AI video generation, custom model training, team billing, server-side persistence, mobile-native apps, real GPU inference (mock only unless the user provides a key), and any scraping or API calls to openart.ai itself.