GPT Image Playground

Skill by ara.so — Daily 2026 Skills collection.

A React 19 + TypeScript + Vite web application for generating and editing images via OpenAI's Images API (/v1/images) or Responses API (/v1/responses). Features a responsive UI with waterfall task cards, IndexedDB local storage, PWA support, bulk selection, history management, and ZIP export/import.

What It Does

• Text-to-image: Generate images from prompts via images/generations or responses with image_generation tool
• Reference image editing: Upload up to 16 reference images, call images/edits or multimodal Responses API
• Smart size selector: Auto-calculates resolutions for 1K/2K/4K at common aspect ratios; custom sizes auto-snapped to 16px multiples, max 3840px, max ratio 3:1, pixel range 655360–8294400
• Parameter control: Quality (low/medium/high), format (PNG/JPEG/WebP), compression, moderation level
• History: IndexedDB storage with SHA-256 image deduplication, bulk ops, favorites, search/filter
• Data portability: ZIP export/import with raw image files + manifest.json