wjs-converting-text-to-video

Solid

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".

Data & Documents 107 stars 15 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 86/100

Stars 20%
68
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# 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...

Details

Author
jianshuo
Repository
jianshuo/claude-skills
Created
2 months ago
Last Updated
3 days ago
Language
Python
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

web-slides

把素材 / 提纲 / 要点做成点击驱动的 16:9 HTML 幻灯片(slides / 演示文稿),用于现场放映或投屏 —— 不是视频,没有口播稿 / 音频合成 / 录屏。流程:原始素材 → 产出 outline 开发计划(章节切分 + 每步屏幕内容 + 可选每步演讲备注 + 信息池)→ 用户**一次对齐** 4 件事(outline / 主题 / 素材 / 开发模式)→ 网页开发(逐章 / 顺序 / 并行)。每次点击推进一个逻辑节拍,每一步独占整屏;进度条平时隐藏只在悬浮时出现;**按 P 开独立的演讲者窗口(口播稿 + 实时预览 + 计时器,与主窗口联动;投屏只共享主 slide 窗口即可对观众隐藏口播稿),按 N 是排练用的备注浮层**。内置 24 套主题 token + 反 AI 味设计方法论(内容驱动动画、逐步揭示、电影感留白)。适用场景:技术分享 / keynote / 产品演示 / pitch deck / 教学课件 / **面试项目复盘(project retro)** / 把文章或笔记变成可交互讲解。本 Skill 沉淀的是设计方法论 + 协作流程,不绑定任何特定样式 / 字体 / 颜色,可复用到任意主题与美学。

5 Updated yesterday
olddonkey
AI & Automation Solid

wjs-mining-articles

Use when the user has a video's SRT subtitle file — a 王建硕 monologue / 讲解, OR a 对谈 / 访谈 where 王建硕 is one of the speakers — and wants to mine it into multiple standalone 微信公众号 articles, one article per distinct topic. Triggers — "把这个视频写成文章", "从字幕里挖文章", "这个 SRT 能写几篇", "把对谈写成文章", "/wjs-mining-articles <srt>".

107 Updated 3 days ago
jianshuo
Code & Development Listed

interflow-ip-video

把中文文稿做成 Interflow Bold-Mono 竖屏口播视频——火山引擎声音复刻配音(你自己的克隆音,1.2x 紧凑口播)、RMS 响度包络驱动口型的常驻 IP 小人(浮动/眨眼/点头/指向/抬手/欢迎)、暗底网格+辉光线稿的数据可视化(d3 平滑图表/迁移弧线/时间轴/象限等 10+ 种形式)、玻璃拟态词级字幕,渲染成 1080x1920 MP4。用户说「IP 小人视频 / 用我的声音出片 / interflow 风格文生视频 / bold-mono 出片」,或给一段中文文稿要做成带小人配音的竖屏视频时使用。

0 Updated 3 days ago
derek-zhuolin