Communitygithub.com

conardli/web-video-presentation

一篇文章や読み上げ原稿を、クリック駆動の16:9ウェブプレゼンテーション(動画のように見える)に変換します。オプションで読み上げ音声を合成可能。

web-video-presentation とは?

このスキルは、テキストコンテンツ(記事や読み上げ原稿)を、動画のように見えるインタラクティブな16:9ウェブプレゼンテーションに変換するためのものです。ワークフローは、元の記事から読み上げ原稿とアウトラインを一度に生成し、ユーザーが5つの要素(原稿、アウトライン、テーマ、素材、開発モード)を一度に確認・調整した後、ウェブ開発(逐章、順次、または並行)を行い、最後にオプションで音声合成を行います。音声合成はプロバイダーに依存せず、MiniMax mmx-cliやOpenAI TTSを内蔵しており、ElevenLabs、edge-tts、Azure、カスタムTTSに切り替えることができます。アウトラインはリズムと情報密度のみを計画し、アニメーションは各章の開発時にPRINCIPLESとANTI-AIルールに従って即座に設計されます。各クリックで読み上げ原稿の1ビートが進み、各ステップが全画面を占有し、プログレスバーは通常非表示で、ホバー時にのみ表示されます。このスキルは、特定のスタイル、フォント、色に依存しない設計方法論とコラボレーションワークフローを体系化しており、あらゆるテーマや美学に再利用可能です。主な使用例としては、動画用のウェブページ作成(動的なPPTだがPPTではない)、読み上げ原稿や記事のインタラクティブなナレーション化、Bilibili、YouTube、微信视频号向けの画面録画チュートリアル、映画的な製品デモやトークデモの作成などがあります。

対応~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/conardli/garden-skills/tree/main/skills/web-video-presentation

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

web-video-presentation は何をしますか?

一篇文章や読み上げ原稿を、"動画のように見える" クリック駆動の16:9ウェブプレゼンテーションに変換します。オプションで読み上げ音声を合成可能。フロー:元の記事 → 一度の出力で読み上げ原稿 + アウトラインデベロップメント計画 → ユーザーが一度のアラインメントで5つの項目(原稿 / アウトライン / テーマ / 素材 / 開発モード)を確認 → ウェブ開発(逐章 / 順次 / 並行)→ オプションの音声合成(プロバイダーに依存しない:内蔵 MiniMax mmx-cli + OpenAI TTS、ElevenLabs / edge-tts / Azure / カスタムTTSに変更可能)。アウトラインはリズムと情報密度のみを計画し、アニメーションは計画しない —— アニメーションは各章の開発時にPRINCIPLES + ANTI-AIルールに従って即座に設計されます。クリックごとに読み上げ原稿の1ビートが進み、各ステップは全画面を占有し、プログレスバーは通常非表示で、ホバー時にのみ表示されます。適用シーン:ウェブページで動画を作成する(動的なPPTだがPPTではない)、読み上げ原稿 / 記事をインタラクティブなナレーションに変換する、Bilibili / YouTube / 微信视频号向けの画面録画チュートリアル、映画的な製品デモ / トークデモを作成する。このスキルは設計方法論 + コラボレーションワークフローを体系化しています —— 特定のスタイル / フォント / 色に依存しないため、あらゆるテーマや美学に再利用できます。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

関連スキル