← ClaudeAtlas

wjs-converting-text-to-videolisted

Use when the user wants a 王建硕-style WeChat article (article.md) turned into a narrated short MP4 video — TTS voiceover via 火山引擎 Volcano TTS, HyperFrames CSS/GSAP animation per scene, subtle SFX, abstract watercolor background, full pipeline rendering to 1080×1920 portrait MP4 (30-90s). Triggers — "把这篇文章做成视频", "做一个解说视频", "讲解视频", "/wjs-converting-text-to-video".
jianshuo/claude-skills · ★ 63 · Data & Documents · score 84
Install: claude install-skill jianshuo/claude-skills
# wjs-converting-text-to-video 把一篇王建硕风格的微信公众号 `article.md` 做成 **1080×1920 竖屏、30-90 秒** 的中文解说短视频:TTS 旁白 + HyperFrames CSS/GSAP 动画 + 抽象水彩背景 + 转场 SFX。输出 MP4 给视频号 / 抖音 / 小红书 / Reels。 ## What this skill produces | 维度 | 默认 | |---|---| | 尺寸 | 1080×1920 竖屏 (9:16) | | 时长 | 30-90 秒 | | Scene 数 | 5-10 | | 旁白 | 火山引擎 Volcano TTS,默认阿虎对话男声 | | 背景 | GPT Image 2 生成的抽象水彩 (`bg.png`) + blur 30 + 暖黑半透明 overlay | | 字体 | Noto Sans SC,hero 900,主文字暖奶白 | | 输出 | `<article-folder>/<slug>.mp4`(与 `video/` 平行,不放 `video/` 里)| | 发布 | 自动上传到 YouTube — Portrait → Shorts,Landscape → 普通 video;重新渲染会替换老视频(不累积)| ## When this skill fires - 用户已有 `article.md`,说「做成视频」「做一个解说」「讲一遍」 - 用户跑 `/wjs-converting-text-to-video <article-folder>` - 用户说「把昨天发的那 X 篇都做成视频」之类的批量请求 ## When NOT to use - 没有文章稿,只是一个想法 → 先用 `/wjs-publishing-wechat` 写出 article.md,再来 - 用户要的是字幕烧录 / 翻译 / 配音替换 → 用 `/wjs-burning-subtitles` / `/wjs-dubbing-video` / `/wjs-localizing-video` - 视频要英文 / 西语等非中文 → 本 skill 专注中文 TTS (Volcano 火山引擎);非中文走 hyperframes 自带 tts 命令 (kokoro 英文还可以) - 横屏 16:9 → 本 skill 默认竖屏;横屏仅在用户明确要求时改 ## Core Principle **视频不是文章的可视化朗读,而是文章的视觉重构。** 每个 scene 是一个独立的视觉时刻 —— 一个对比、一个排比、一个数字、一个比喻。文字撑满屏幕,黑体加粗,重点字橙色高亮。背景是抽象水彩 (blur 后柔化),整体调子稳重、克制、有冲击力。 **节奏 > 模板**。一段 5-10 scene 的视频,如果从头到尾都是"两行对照"的同一种排版,就不是视频,是 slideshow。**现代感来自对比** —— 极端字号差、不对称布局、短 scene 与长 scene 交替、纯文字 scene 与几何元素 scene 交替、水彩底 scene 与亮色 punch scene 交替。 **默认是平庸的**。如果只是从模板表顶端挑几种最容易的,结果一定是"平铺直叙的两行格式"。强制走 [Step 1b Scene Mix Rule](#step-1b-scene-mix-rule强制) 配比。 ## Workflow ### Step 1