qcut-mcp-preview-test

Manages and validates preview panel rendering modes in the QCut video editor, including interactive MCP iframe switching and HTML delivery debugging via IPC/HTTP.

35|6|Updated Aug 1, 2025
One-click install
npx skills add https://github.com/Quriosity-agent/qcut --skill qcut-mcp-preview-test
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qcut-mcp-preview-test
Source: https://github.com/Quriosity-agent/qcut/tree/main/qcut/.claude/skills/qcut-mcp-preview-test
Command: npx skills add https://github.com/Quriosity-agent/qcut --skill qcut-mcp-preview-test

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill allows for precise control and validation of QCut's preview panel, specifically when switching between standard video playback and the interactive MCP (Media Control Panel) application mode, ensuring seamless integration and debugging of external HTML content.

Core Features & Use Cases

  • Mode Switching: Effortlessly toggle the preview panel between video and MCP app views.
  • Iframe Rendering Validation: Test and debug how external HTML content is rendered within the MCP app iframe.
  • IPC & HTTP Debugging: Troubleshoot data flow via IPC events (mcp:app-html) and HTTP endpoints (/api/claude/mcp/app).
  • Use Case: When a user reports that an external MCP tool isn't displaying correctly in QCut, this Skill can be used to isolate the issue by directly sending test HTML or by toggling between the different preview modes.

Quick Start

Use the qcut-mcp-preview-test skill to switch QCut's preview panel to the MCP app mode and load the provided HTML content.

Frequently Asked Questions about qcut-mcp-preview-test

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug external HTML content not rendering in an iframe?

To debug external HTML content rendering in an iframe, you can use a testing utility to directly send test HTML to the preview panel and validate how the interactive application mode displays it. This isolates rendering issues within the media control panel.

How do I switch a video editor preview panel between video playback and an interactive MCP app?

You can switch the preview panel between video playback and an interactive MCP app by toggling the available rendering modes. This validates the transition and ensures the interactive application iframe integrates seamlessly into the video editor interface.

Why does my IPC event data not load correctly in the MCP app preview?

IPC event data might not load correctly in the MCP app preview due to issues with the `mcp:app-html` event flow. You can troubleshoot this data flow by directly injecting test HTML content to isolate whether the problem lies in event delivery or rendering.

Does the QCut video editor support testing external HTTP endpoint content delivery?

Yes, the QCut video editor supports testing external HTTP endpoint content delivery. You can troubleshoot data flow via the `/api/claude/mcp/app` HTTP endpoint to validate how external HTML content is delivered and rendered within the preview panel.

What is the best way to validate a built-in PersonaPlex template in a video editor?

The best way to validate a built-in PersonaPlex template is to switch the preview panel to the interactive MCP application mode. This allows you to test the template's rendering and debug its integration directly within the video editor environment.