A handy Chrome extension to help you craft structured JSON prompts for AI video generation models. This tool provides a user-friendly interface to break down your creative ideas into key components, generating both a detailed JSON object and a human-readable summary.
- Intuitive Form: Easily input the main subject, action, setting, lighting, and other details.
- Predefined Styles: Choose from a variety of visual styles (e.g., Photorealistic, Anime, Cinematic) and camera shots (e.g., Wide, Close-up, Drone).
- Structured JSON Output: Automatically generates a well-formatted JSON object, perfect for use with an AI video model's API.
- Prompt Summary: Creates a concise, human-readable sentence from all your inputs.
- One-Click Copy: Instantly copy the generated JSON to your clipboard with a single click.
- Sleek Dark UI: A modern, responsive, and comfortable dark theme for ease of use.
To install and use this extension locally, follow these steps:
-
Download the Code:
- Clone the repository:
git clone https://github.com/JayashBhandary/veo-prompt-generator.git - Or, download the project as a ZIP file and unzip it.
- Clone the repository:
-
Load the Extension in Chrome:
- Open your Chrome browser and navigate to
chrome://extensions. - Enable Developer mode using the toggle switch in the top-right corner.
- Click the "Load unpacked" button that appears on the left.
- Select the directory where you cloned or unzipped the project files.
- The extension's icon will now appear in your browser's toolbar. Pin it for easy access!
- Open your Chrome browser and navigate to
- Click the extension's icon in your browser toolbar to open the popup window.
- Fill out the form fields with the details of the video you want to create.
- Click the "Generate Prompt" button.
- The generated JSON will appear in the text area at the bottom.
- Click "Copy to Clipboard" to grab the JSON and use it wherever you need!
This extension is built with web-native technologies, keeping it lightweight and fast.
- HTML: For the structure of the popup.
- CSS: For the modern, dark-themed styling.
- JavaScript: For all the interactive logic, including prompt generation and clipboard functionality.
Here's a quick overview of the key files in this project:
├── popup.html # The main UI for the extension popup
├── popup.css # All styles for the popup interface
├── popup.js # Logic for prompt generation and clipboard functionality
├── manifest.json # The extension's configuration file required by Chrome
└── images/ # Contains the extension icons (icon16.png, etc.)