Claude Code・Codex 向けの AI エージェント対応 HTML 横向きスライド PPT スキル。単一ファイルで演讲者モード付き
中辛 の解説
HTML / CSS ベースの単一ファイル PPT テンプレート。Style A は 10 種類のレイアウト、Style B は 22 個のロック版式を提供します。Claude Code / Codex の Skill として動作し、Agent が直接生成・修正できます。演讲者モードは双画面対応(観客画面 + スピーカー側の現在ページ・次ページ・タイマー・メモ)。Web ベースなので PPTX 変換不要、ブラウザのスクリーンショット機能で PNG 出力も可能。難易度は中程度です。
이런 레포예요
이럴 때 쓰면 좋아요
- オフライン講演・業界内プレゼン・プライベートセッションを AI に PPT 化させたいとき
- ブログ記事や長文を 6~10 ページの構造化スライドに変換したいとき
- 公众号・小红书・YouTube など複数プラットフォーム向けに統一ビジュアルの封面を生成したいとき
핵심 기능
대안 대비 차별점
PPTX や Markdown PPT 変換ではなく、HTML ネイティブだから AI エージェントが直接編集でき、演讲者モードとコンテンツ生成が統合されている点が他の PPT ツールと異なります。
食べた人たち
実際に使ってみた人の記録です — 一言も完走の記録も、確認のうえで公開しています。
このリポジトリの作り方
はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
준비물
- Claude Code / Codex などの AI エージェント環境
- shell コマンドラインアクセス(git clone 実行用)
- モダンブラウザ(HTML5 Canvas / WebGL 対応)
바로 시작하기
- npm スキルマネージャーでインストール
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
- または、AI エージェントに直接指示
帮我安装 guizang-ppt-skill。请把 https://github.com/op7418/guizang-ppt-skill 克隆到 ~/.claude/skills/guizang-ppt-skill,安装完成后检查 SKILL.md、assets/、references/ 是否存在。
- インストール完了後、AI に依頼
帮我基于这篇文章做一份瑞士风 PPT,控制在 7 页左右,需要 2-3 张配图。
-
ブラウザで生成された HTML ファイルを開く
-
演讲者モードを使う場合は右下の
Pボタンをクリック
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try op7418/guizang-ppt-skill
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →
スター推移 · 7日
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2026 年に作成
「AI 에이전트」 こういうリポジトリを毎週受け取りませんか?
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか? README にギット飯バッジを貼る
[](https://www.gitbap.com/r/op7418/guizang-ppt-skill)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る