SkillTerminal Typing Video
あなたの CLI が、自ら入力する。シンプルな行リストから作る「動くところを見る」デモクリップ。
対応： Claude Code, Codex, Cursor, Muse · バージョン 1.0 · 必要なもの： Node.js 18+ と npm。Remotion でローカルレンダリングします（初回実行時にヘッドレス Chrome をダウンロード）。
無料ダウンロード すべての Premium Skills を解放
プレビュー
得られるもの
- 完全な Remotion プロジェクト（コンポジション＋レンダリングスクリプト）
- データ駆動の行リスト：テキスト、色、開始フレーム、入力速度
- 点滅するキャレットとターミナルの外観を含む
- フィードや README 向けの 1080x1080 MP4 出力
この Skill について
コードからターミナルデモ動画をレンダリングします。コマンドが自ら入力され、出力行が点滅するキャレットとともに流れ込み、成功の行がアクセントカラーで着地します。動画のスクリプトは小さなデータ配列です。行を差し替えれば、同じプロジェクトがあらゆる CLI ツール、自動化、デプロイパイプラインのデモを生みます。
試してみる
scripts/render.sh ./terminal-demo.mp4こんな方に最適
- CLI や開発ツールのデモ
- ローンチ向けの自動化「動くところを見る」クリップ
向いていない用途
- ライブセッションの画面録画
インストール方法
- インストールプロンプトをあなたのエージェントにコピーしてください：
Read https://skillu.dev/install/agent.md, then install the Terminal Typing Video skill (terminal-typing-video). - または、公開後にこのページから Skill パッケージをダウンロードし、そのフォルダをエージェントの skills ディレクトリに配置します。
- スラッシュコマンドで呼び出します。例：
/terminal-typing-video。あとは欲しいものをそのまま言葉で伝えるだけです。
よくある質問
ターミナルの内容はどう変えますか？
コンポーネントの先頭にある LINES 配列を編集します。行ごとのテキスト、色、開始フレーム、速度です。
実際のツールの出力を表示できますか？
はい。実際の行を貼り付けてください。各行を約52文字以内に保てば、カードからはみ出しません。