Gpt Image Playground

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

A full-featured React playground for OpenAI's image generation and editing APIs. You get text-to-image generation, reference image editing with up to 16 uploads, and smart size presets that auto-snap to valid resolutions. The interface uses IndexedDB for history with SHA-256 deduplication, and you can export/import everything as ZIP files. It supports both the standard Images API endpoints and the newer Responses API with image_generation tools. Ships with Docker deployment, Vercel one-click deploy, and a dev proxy config for local CORS issues. The code patterns are clean TypeScript examples if you're building similar image generation features into your own app.

skills.sh installs: 183
GitHub stars: 26
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add aradotso/trending-skills --skill gpt-image-playground --agent claude-code

Installs into .claude/skills of the current project.

Files