johnturner · Launch Video Breakdown: Hook, Pacing & Motion Design

Scene-by-scene timeline & spoken transcript

1. 0:00 – 0:05

   The Hook

   Claude for WordPress Reveal

   “Introducing Claude for WordPress. Here's how to connect Claude.ai to your site with WP Vibe.”

   On screen

   Claude.ai WordPress Claude for WordPress WPVibe

   Camera

   Static centered graphics with animated glowing data transfer line

   Motion

   SVG pulse beam connecting dual app icons over a radial gradient background

2. 0:06 – 0:12

   Feature Teaser

   Step 1: Install Plugin

   “First in your WordPress dashboard, go to Plugins, Add New, search for Vibe AI, and install the free plugin.”

   On screen

   STEP 1 Search & install the Vibe AI plugin Add Plugins

   Camera

   Screen capture viewport with bottom-left animated badge

   Motion

   UI cursor movement and rounded lower-third overlay card

3. 0:13 – 0:20

   Feature Teaser

   Step 2: Copy MCP URL

   “Open the WP Vibe page and you will see the MCP server URL plus the exact prompt to connect this WordPress site.”

   On screen

   STEP 2 Copy the WP Vibe MCP URL https://mcp.wpvibe.ai/mcp WPVibe Your AI just learned WordPress.

   Camera

   Screen recording focused on WP Vibe settings page

   Motion

   Highlight card overlay displaying the MCP endpoint address

4. 0:21 – 0:36

   Feature Teaser

   Step 3: Add Custom Connector

   “In Claude.ai, I add a custom connector and paste in the WP Vibe MCP URL. That tells Claude where the WP Vibe server lives. Once this is saved, WP Vibe shows up as a connector you can enable from the chat composer.”

   On screen

   STEP 3 Add WP Vibe as a custom connector https://mcp.wpvibe.ai/mcp Add custom connector BETA

   Camera

   Screen capture of Claude.ai modal settings

   Motion

   Modal pop-up animation and live text entry simulation

5. 0:37 – 0:43

   Feature Teaser

   Step 4: Enable Connector in Chat

   “Once the connector's authorized, I enable WP Vibe for this Claude chat so the tools are available in the conversation.”

   On screen

   STEP 4 Enable WP Vibe in the chat Back at it, John

   Camera

   Focused screen capture of dropdown menu in Claude composer

   Motion

   Dropdown menu expand and toggle activation

6. 0:44 – 0:58

   Product Reveal

   Step 5: Connect WordPress Site

   “Then I start a fresh Claude.ai chat and ask WP Vibe to connect my WordPress site. Claude uses the WP Vibe connector to register the site, and for a first time setup, this is where you get the one-click WordPress authorization link.”

   On screen

   Use WP Vibe to connect https://grown-and-serial-texas.trycloudflare.com Connecting WP Vibe to Cloudflare domain...

   Camera

   Claude chat view scrolling as response streams

   Motion

   Streaming response tokens and animated loading indicator

7. 0:59 – 1:06

   Product Reveal

   Step 6: Authorize in WordPress

   “The link opens a normal WordPress approval screen, I click Approve, and now Claude.ai can talk to this site through WP Vibe.”

   On screen

   STEP 6 Approve the connection in WordPress Authorize Application

   Camera

   Screen recording on WordPress core authentication page

   Motion

   Cursor click event on primary action button

8. 1:07 – 1:34

   Product Reveal

   Step 7: Execute First Live Query

   “Now I'll prove the connection from a fresh Claude.ai chat. I ask WP Vibe to get live site info and Claude selects the WP Vibe connector. It runs the get site info tool against the connected WordPress site, then returns exactly what I need: WordPress version 7.0, the active Twenty Twenty-Five theme, and a live list of installed plugins. That's the proof that Claude is connected to this actual WordPress site through WP Vibe.”

   On screen

   STEP 7 Run your first WordPress command Use WP Vibe's Get Site Info... WordPress version: 7.0 Active theme: Twenty Twenty-Five

   Camera

   Claude.ai chat prompt and dynamic markdown response window

   Motion

   Tool-call accordion unfolding and formatted output generation

9. 1:35 – 1:46

   Call to Action

   Manage WordPress with Claude

   “And connecting is just the start. From here you can ask Claude.ai to help manage your WordPress site with WP Vibe. Try it free at wpvibe.ai and subscribe for more.”

   On screen

   WPVibe Manage WordPress with Claude.ai Connect free at wpvibe.ai

   Camera

   Static centered typographic card

   Motion

   Smooth fade-in with animated glowing logo element