cli-demo-gif
✓vhs (Charmbracelet) を使用して CLI デモ GIF を生成します。 README ファイルまたはドキュメントの端末記録を作成するときに使用します。
SKILL.md
Use Hide/Show to set up aliases silently before the visible demo:
| Output | Output file path (.gif, .mp4, .webm) | | Set Shell "bash" | Shell to use | | Set FontSize | Font size (16 recommended) | | Set Width | Terminal width in pixels | | Set Height | Terminal height in pixels | | Set Padding | Padding around terminal | | Set Theme " " | Color theme | | Set TypingSpeed | Delay between keystrokes |
| Type " " | Type text | | Enter | Press enter | | Sleep | Wait (e.g., 2s, 500ms) | | Hide | Stop recording | | Show | Resume recording | | Ctrl+C | Send interrupt |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/b-open-io/prompts --skill cli-demo-gif- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
cli-demo-gif とは？
vhs (Charmbracelet) を使用して CLI デモ GIF を生成します。 README ファイルまたはドキュメントの端末記録を作成するときに使用します。 ソース: b-open-io/prompts。
cli-demo-gif のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/b-open-io/prompts --skill cli-demo-gif インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/b-open-io/prompts
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01