AdCycl: URL to Ad Creative Pipeline
Dsignable
Overview
AdCycl turns a product URL into ad creatives ready for Meta and TikTok. It captures the page with Playwright, writes angles with GPT-4o, composes stills with Sharp and video with FFmpeg and Remotion, and can add a voiceover. It is a Next.js app on Cloud Run with Firebase Auth, Firestore and Storage, with a project dashboard and a video lab. Live at adcycl.com.
Our role: Lead Designer & Full-Stack Developer (2026)
The challenge
Marketers spent hours screenshotting landing pages, writing angles, and compositing for each network — slow and inconsistent.
What we built
We built AdCycl as an async pipeline: Playwright capture, GPT-4o angles, Sharp stills, FFmpeg/Remotion video, running on Cloud Run with Firebase data, a project dashboard, and video-lab.
Next.js 16 App Router + TypeScript
Playwright Scrape + Scroll Video Capture
OpenAI GPT-4o Ad Angle Generation
Sharp Image + FFmpeg Video Creatives
Firebase Auth, Firestore & Storage
Async Pipeline with Real-Time Progress UI
Results
5 Ad Angles Per URL
GPT-4o Copy Generation
Playwright Headless Scrape
Meta/TikTok Creative Formats
Links
Live: adcycl.com
Full case study: dsignable.com/work/adcycl
Like this project
Posted Oct 29, 2026
Paste a product URL and get Meta and TikTok-ready ad creatives: AI-written angles, composited images and rendered video.
Likes
0
Views
0
