Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Vertical AI chat exchange ad video v1.0.0

Use this resource to make a vertical video where an AI assistant recommends your brand

New

  • 392 downloads
  • 148 likes
  • 224 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install claude-chat-exchange-ad

First time: connect the CLI with

npx --yes palatekit@latest login

The agent swaps the template's editable texts (prompt, thinking line, search query, ten answer paragraphs) for your brand's copy. The 21-second video shows the typing, the search, the reasoning, then the answer streaming in with its sources. The template is built for social media advertising.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames (npm: hyperframes)
  • Node.js
  • FFmpeg (MP4 rendering)
Licence
Apache-2.0

Similar resources

View all

What you get

  • claude-exchange.html: the full HyperFrames composition (1080×1920, 21.4 s) with its editable variables
  • TEMPLATE.md: the editing contract (editable slots, protected elements)
  • Inter and EB Garamond fonts with their licenses
  • A reference preview video

Good fit for

  • A vertical ad for Reels, TikTok or Shorts staging an AI recommendation
  • A brand demo presented as an assistant's answer
  • Quickly testing several messages on one layout

Not for

  • A video that must use your site's colors and typeface (the assistant interface is protected)
  • A horizontal format
  • A reconstruction passed off as a real conversation

Tags

  • ad
  • ai chat
  • vertical
  • mock ui

About

You say

"Use the claude-chat-exchange-ad template for a video where the assistant recommends my tea shop, with five arguments in the answer."

Frame of a Claude-style conversation on a cream background: prompt, search steps, answer with sources.

Template published by Jake Moran under the Apache-2.0 license.

Show more

Prerequisites

You bring
Your brand or site name and what it offers and The user prompt and the points of the answer
Dependencies
HyperFrames (npm: hyperframes), Node.js, and FFmpeg (MP4 rendering)

How to use it

  1. Install HyperFrames and add the template to your project.
  2. Give the agent your brand name, the prompt and the points to show.
  3. Let the agent replace the variables, validate, then render the MP4.

Content preview

Files

  • assets/fonts/eb-garamond-latin-400-normal.woff221.2 KB
  • assets/fonts/eb-garamond-latin-700-normal.woff222.5 KB
  • assets/fonts/eb-garamond-LICENSE.txt4.4 KB
  • assets/fonts/inter-latin-400-normal.woff223.1 KB
  • assets/fonts/inter-latin-500-normal.woff223.7 KB
  • assets/fonts/inter-latin-600-normal.woff223.9 KB
  • assets/fonts/inter-LICENSE.txt4.4 KB
  • claude-exchange.html60.4 KB
  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • registry-item.json2.2 KB
  • TEMPLATE.md1.4 KB

Origin and licence

Modified by PalateKit

Author
Jake Moran
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/claude-exchange
Licence
Apache-2.0

Notice

Version modifiée de « Claude Exchange » (Jake Moran, Apache-2.0) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Can I change how the interface looks?

No: the editing contract protects the header, icons, fonts, palette and timing. Only the texts declared as variables can change, within 20% of the original length.

How do I edit the copy without breaking the file?

Use HyperFrames' set_template_variable_defaults once, with the existing variable ids. Do not hand-edit the data-composition-variables attribute.