Product promo video – do teu código

Prompt completo

---
name: hyperframes-product-video
description: Create short product promo videos using HyperFrames, HTML, CSS, vanilla JavaScript, and pnpm. Use when the user asks for a /hyperframes video, teaser, product promo, animated dashboard video, or renderable HTML/CSS/JS video.
---

## Purpose

Create a HyperFrames project for short product promo videos.

## Rules

- Use `/hyperframes`.
- Create the project in the folder requested by the user.
- Use no React unless explicitly requested.
- Use HTML, CSS, and vanilla JavaScript.
- Prefer simple timeline-style animation, GSAP-style if useful.
- Keep typography readable.
- Use clear captions.
- Include preview and render instructions using `pnpm`.

## Default execution

When asked to create a product promo video:

1. Create the project folder.
2. Add the HyperFrames-compatible project files.
3. Implement the animation using HTML/CSS/JS.
4. Include a 10-second timeline unless the user specifies another duration.
5. Add README instructions:
   - install dependencies
   - preview with pnpm
   - render/export with pnpm
6. Keep the output premium, minimal, and fast to produce.