Generative mediaCAN I VIBECODE
Clipdrop?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Clipdrop is an AI-powered image editing suite developed by Stability AI, available on web, mobile, and desktop. It bundles 15+ specialized generative-media tools built on Stable Diffusion. Core features: Text-to-Image (prompt + style presets like Anime, Photographic, Comic Book, Cinematic, Pixel Art; aspect ratios from 21:9 to 9:16; generates four images per prompt), Remove Background (subject extraction), Replace Background, Cleanup (removes objects, people, text, defects), Uncrop (extend photos to any format), Image Upscaler (2x/4x with noise removal and detail recovery), Relight (add/edit light sources with color, intensity, distance, radius via 3D reconstruction; relight foreground/background separately; optional background removal), Text Remover, and Universal Resizer (resize for social platforms). Relight performs instant 3D reconstruction and previews on a resized image, with full
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a self-contained replacement for the Clipdrop-style AI image editing suite. Core workflow: a user uploads an image and picks a tool from a sidebar (Remove Background, Replace Background, Cleanup, Uncrop, Upscale, Relight, Text Remover, Text-to-Image, Universal Resizer). Each tool shows a before/after canvas with a processing state and a download button for full-resolution output. Requirements: (1) Text-to-Image with a prompt box, style preset dropdown, aspect-ratio selector, and a grid of four generated candidates; (2) Remove/Replace Background with a subject mask preview and a color or uploaded-image replacement; (3) Cleanup with a brush to mark objects/text to remove; (4) Uncrop with target-format presets and outpainting; (5) Upscale 2x/4x with a noise-reduction toggle; (6) Relight with draggable light sources exposing color, intensity, distance, and radius controls and a foreground/background toggle; (7) Text Remover; (8) Universal Resizer with social-platform presets. Technical approach: React or Next.js frontend; backend API (Python/FastAPI or Node) that calls a Stable Diffusion / ControlNet / inpainting / outpainting / upscaling pipeline (e.g., diffusers, Replicate, or a self-hosted ComfyUI endpoint); store jobs in a queue with status polling; use a canvas library for brush and light-source interaction. Do NOT copy Clipdrop's brand, logo, proprietary assets, or UI layout; use original naming and a distinct visual design. Out of scope: user accounts/billing, mobile apps, real-time 3D reconstruction, and production-scale model hosting. Include a README covering setup, environment variables for the model endpoint, and important limitations (model latency, GPU requirements, prompt-injection risk from uploaded content, and that outputs are AI-generated and may need review).