A modern web application for creating dynamic AI video prompts in XML and Markdown formats.

• 🎨 Dynamic Form Builder - Intuitive interface for entering video prompt parameters
• 📝 Dual Format Output - Real-time generation of XML and Markdown formatted prompts
• 👁️ Live Preview - See your prompts formatted instantly as you type
• 📋 Copy to Clipboard - One-click copying of generated prompts
• 💾 Download Files - Export prompts as .xml or .md files
• 📱 Responsive Design - Works seamlessly on desktop, tablet, and mobile devices
• ✨ Modern UI - Clean, professional interface built with Tailwind CSS

The tool supports the following video prompt parameters:

• Scene Description - Detailed description of the video scene
• Visual Style - Art style (Cinematic, Anime, Photorealistic, etc.)
• Camera Movement - Camera actions and movements
• Lighting - Lighting conditions and setup
• Mood & Atmosphere - Emotional tone of the video
• Duration - Length of the video
• Aspect Ratio - Video dimensions (16:9, 9:16, 1:1, etc.)
• FPS - Frame rate (24, 30, 60, 120)
• Resolution - Video resolution (HD, Full HD, 4K)
• Additional Parameters - Custom notes and parameters

• React 18 - Modern React with hooks
• TypeScript - Type-safe development
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Smooth animations

npm install

npm run dev

Open http://localhost:5173 in your browser.

npm run build

npm run preview

1. Fill the Form - Enter your video prompt details in the left panel
2. Preview Formats - See real-time XML and Markdown output in the right panel
3. Export - Copy to clipboard or download as files

<?xml version="1.0" encoding="UTF-8"?>
<video-prompt>
  <metadata>
    <created>2025-11-02T12:00:00.000Z</created>
    <version>1.0</version>
  </metadata>
  <content>
    <scene>A serene mountain landscape at sunset</scene>
    <visual-style>Cinematic</visual-style>
    <camera>
      <movement>Slow pan left to right</movement>
    </camera>
    <lighting>Golden hour</lighting>
    <mood>Peaceful</mood>
  </content>
  <technical-specs>
    <duration>5 seconds</duration>
    <aspect-ratio>16:9</aspect-ratio>
    <fps>24</fps>
    <resolution>1920x1080</resolution>
  </technical-specs>
</video-prompt>

# AI Video Prompt

**Generated:** 11/2/2025, 12:00:00 PM

---

## Scene Description
A serene mountain landscape at sunset

## Visual Style
Cinematic

## Camera Movement
Slow pan left to right

## Lighting
Golden hour

## Mood & Atmosphere
Peaceful

---

## Technical Specifications

| Parameter | Value |
|-----------|-------|
| Duration | 5 seconds |
| Aspect Ratio | 16:9 |
| FPS | 24 |
| Resolution | 1920x1080 |

---

*Generated by AI Video Prompt Creator*

src/
├── components/
│   ├── PromptForm.tsx      # Form component for input
│   └── PreviewPanel.tsx    # Preview component for outputs
├── types/
│   └── prompt.ts           # TypeScript interfaces
├── utils/
│   └── formatters.ts       # XML/Markdown generators
├── App.tsx                 # Main application component
├── main.tsx                # Application entry point
└── index.css               # Global styles

MIT License - Feel free to use this project for any purpose.

Contributions are welcome! Please feel free to submit a Pull Request.