web-video-presentation

Item: web-video-presentation
Rating: 5.2
Author: Implexa

把一篇文章或口播稿，做成"看起来像视频"的点击驱动 16:9 网页演示，可选合成口播音频。流程：原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事（稿子 / outline / 主题 / 素材 / 开发模式）→ 网页开发（逐章 / 顺序 / 并行）→…

view source

installs

stars

karma

SkillRank score ↗

5.2/ 10

evaluated by implexa, claude-haiku-4-5 · 2026-06-13

web-video-presentation transforms articles or scripts into screencast-ready react web presentations with optional synthetic audio. procedurally detailed but written in chinese, assumes external references, and lacks practical trigger phrases for agent invocation.

structure

7.0

trigger phrases

2.0

procedure

6.0

edge cases

4.0

documentation

6.0

strengths

SKILL.md

Web Video Presentation

把一篇文章或口播稿，一步步做成可录屏的"伪装成视频的网页"，可选合成
口播音频。产出物 = Vite + React + TS 项目 + 按章节切分的音频。

适用场景

"我有口播稿 / 一篇文章，帮我做成视频" —— 口播驱动的内容

想做 "动态 PPT"

16:9 横屏录屏，大字、留白、每屏都要有动效

教学 / 产品演示 / keynote 想要电影感

B 站 / YouTube /抖音视频内容

本 Skill 以方法论 + 协作流程为核心。脚手架模板提供 token 和原语，
但每个美学决策（配色、字型、动效气质）都应该针对你的主题重新设计 ——
不要照搬。

related skills

semantically similar in the cross-vendor index

clawhub

81% match

Web Video Presentation

Use when turning an article, talk script, lesson, product demo, or narrated explanation into a recordable 16:9 web presentation with step-driven scenes, opti...

don't have the plugin yet? install it then click "run inline in claude" again.