nowfound

AI · March 21, 2024

Turn a video of an app into a functional prototype with Claude Opus

Hey everyone, I’m the maintainer of the popular screenshot-to-code repo on Github (46k+ stars). When Claude Opus was released, I thought to myself what if you could send in a video of yourself using a website or app, would the LLM be able to build it as a functional prototype? To my surprise, it worked quite well. Here are two examples: * In this video, you can see the AI replicating Google with auto-complete suggestions and a search results page (failed at putting the results on a separate page). https://streamable.com/s24pq6 * Here, we show it a multi-step form…

Turn a video of an app into a functional prototype with Claude Opus launched on March 21, 2024 with 17 votes, #1,194 of 4,270 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 2 years on.

In plain words

This tool converts videos of app or website interactions into functional prototypes using Claude Opus. Users submit a video of themselves using an application, and the AI extracts frames to analyze the interface and behavior, then generates working code that replicates the demonstrated functionality. It successfully recreates features like search interfaces with autocomplete and multi-step forms. Built by the maintainer of the popular screenshot-to-code repository, it's designed for developers and designers who want to quickly prototype interfaces based on video demonstrations.

written from the facts on this page · September 2026

From the sources

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue) - Screen Recording to Code · abi/screenshot-to-code Wiki

Capture a screen recording of a website or app in action and have the AI build a functional prototype for you. IMPORTANT: Since this is an experimental feature and each LLM call is expensive (a few dollars), I would highly recommend setting up usage limits on your Anthropic account to avoid excessfrom github.com

In the maker’s words, at launch

Hey everyone, I’m the maintainer of the popular screenshot-to-code repo on Github (46k+ stars). When Claude Opus was released, I thought to myself what if you could send in a video of yourself using a website or app, would the LLM be able to build it as a functional prototype? To my surprise, it worked quite well.…

Does a similar job

all alternatives →
  • Opus Clip AI2023 · opus.pro · ▲535

    Turn a long video into viral shorts in 1 click

  • Loom AI Workflows2024 · loom.com · ▲719

    Turn any loom video into share-ready docs in a click

  • I completed shipping my desktop app2025 · pimosa.app · ▲526

    Hi, I'm a developer and first time i shipped the real product after observing the startups and indie hackers community for years. I had made so many useless apps [you should check my website https://ansh.life], but this time I built a very useful product that has a number of super easy-to-use tools in one app for video, music, and photo files. Users can compress, convert, resize, and do so much more with easy-to-use tools. Background: I developed a frame-by-frame video cropper to upload cropped landscape videos to Instagram Reels. However, it required FFmpeg, and as a noob video…

  • OpusClip Captions2024 · clip.opus.pro · ▲377

    Caption your shorts like your favorite creators with AI

  • Claude-replay – A video-like player for Claude Code sessionsMar 2026 · github.com · ▲105

    I got tired of sharing AI demos with terminal screenshots or screen recordings. Claude Code already stores full session transcripts locally as JSONL files. Those logs contain everything: prompts, tool calls, thinking blocks, and timestamps. I built a small CLI tool that converts those logs into an interactive HTML replay. You can step through the session, jump through the timeline, expand tool calls, and inspect the full conversation. The output is a single self-contained HTML file — no dependencies. You can email it, host it anywhere, embed it in a blog post, and it works on mobile. Repo:…

  • Qudemo2025 · qudemo.com · ▲195

    Hey everyone, I’m Jazeem, founder of Qudemo - https://qudemo.com I along with Sarath, built Qudemo because we realised that sharing pre-recorded demo videos on Loom or YouTube is still just a one-way video. You can see some basic stats like views and watch time, but you still don’t really know who watched, what they cared about, or if they were actually interested. Qudemo fixes that. It turns your pre-recorded demo videos into interactive, trackable and shareable experiences. So you can finally see what happens after you hit “share.” Here’s how it works: * Upload or link your demo…

More ai this month

the category →
  • Video model that turns script into viral social media videos

    AI · 19d ago · spira.ai

  • The browser where Claude Code and Codex work beside you

    AI · 19d ago · rill.love

  • Kolibri is Aleph Alpha

    AI · 20d ago · tej.as

  • Paintings by AI models: programs run through a simulation of oil paint.

    AI · 22d ago · stillwet.art

  • Beam.win▲378

    Run AI agents on one Mac and use its windows on another

    AI · 5d ago · beam.win

  • Route requests to the right LLM for cost, latency & quality

    AI · 23d ago · fastrouter.ai

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, March 2024

the whole month →
  • Dub.co▲1,475

    Short links with superpowers

    Dev tools · 2024 · dub.co

  • 🌐 The Internet Computer! Free, Open-Source, and Self-Hostable. - HeyPuter/puter

    Dev tools · 2024 · github.com

  • Microlaunch▲1,115

    Launch and get feedback on both the idea and product

    Dev tools · 2024 · microlaunch.net

  • Milestone▲1,113

    Interactive, gamified product tours for SaaS

    Growth · 2024 · milestoneflow.io

  • Hunted Space▲1,004

    Insights on Product Hunt launches

    Growth · 2024 · hunted.space

  • Creatie▲850

    The one-stop product design tool amplified by AI

    AI · 2024 · creatie.ai