Most editors are not software engineers, but if you can describe your workflow clearly, you can now use an AI coding agent to build small custom tools for your editing process. This guide is for editors with little or no coding experience who want to try that for the first time.

What “vibe coding” means in plain English

Vibe coding means you describe what you want in normal language, and an AI coding agent writes the code for you.

Think of it like creative direction:

• you explain the task
• the agent builds a first version
• you test it
• you ask for improvements

You do not need to understand every line of code to get started. Its way more important these days to have a clear idea of what would be useful in your line of work.

Before you start

For this guide, you need three things:

1. A Jumper Pro license
2. A coding agent (some examples are Cursor, Codex, Claude Code, but there are many more)
3. Footage, preferably already analyzed in Jumper

You should also have these two things ready, because the agent or the resulting app will usually ask for them:

• your Jumper Pro license key
• the path to your Jumper analysis directory

Keep Jumper running while you test. The API is local, so your app talks to Jumper on your own machine.

Your first Jumper app

The saying “start small, dream big” is very true when it comes to building stuff. That applies to your first Jumper app as well.

So for your first Jumper app, you should start with something small and simple:

• a search input box
• a submit button
• a results list

That is enough to prove the setup works.

When that works, you can keep layering features (favorites, export actions, card UI, batch actions, and so on).

Copy-paste starter prompt

If this is your first time, copy this prompt into your coding agent:

Tech stack

If you don’t specify a tech stack (the programming language and frameworks used to build the app), the agent will most likely pick something fitting for you. But if you have a preference, you should be explicit about it in your prompt, for example:

• React is a popular choice for building javascript web apps
• Shadcn is a library of pre-built UI components (buttons, cards, etc.)
• Tailwind is a styling framework commonly used in modern web apps

But there are of course many other options.

Test it

Once the agent is done, test it by following the instructions it provides. If you’re unsure of what to do, ask the agent for help.

or

If the app doesn’t run or the features you asked for don’t work, paste the error message back to the agent and ask it to try and fix it.

If it works, your job is to test all the features you asked for and make sure they work as expected. If not, tell the agent what went wrong and ask it to fix it.

Common issues (and fast fixes)

If the the app runs but the features you asked for don’t work, do not panic. Usually it is one of these:

• Jumper is not running
• footage has not been analyzed yet
• wrong analysis directory path
• missing or incorrect license key

Glossary for non-coders

• API: A way for one app to ask another app for data or actions
• Local API: Runs on your machine, not over the internet
• Endpoint: One specific API action (like “search” or “get media”)
• JSON: Structured text format used to pass data between apps
• Stack: The set of technologies used to build the app

You do not need to memorize this. It just helps to recognize the words when they appear.

Where to go next

Once your first Jumper app works, you can:

• switch from list view to card/deck view
• add keyboard shortcuts for review
• save favorites and export them in a batch
• combine Jumper API results with other tools you already use

For inspiration, check our previous post: Vibe-Coding Your Own Video Editing Tools.

If you build something cool, dont forget to share it with us at [email protected] or join the Discord. We would love to see what you build!