スキル

HTML PPT Skill:静的 HTML でデモと発表者ビューを作る

純静的 HTML で専門デモを作り、発表者モードが必要な人向け。インストール後、AgentSkills を支えるランタイムだけが制作に使える。

公式ソース · html-ppt-skill

インストール

npx skills add https://github.com/lewislulu/html-ppt-skill

誰向けか

Agent に、すぐ開ける HTML デモを直接出させ、別の梱包ツール一式を通したくないなら、この AgentSkill の方が合う。専門 HTML デモ向け:テーマ、一式テンプレート、単ページレイアウト、アニメーション、プレビュー・スピーカーノート・タイマー付き発表者モード。完成品は純静的 HTML/CSS/JS。構築ステップは無い。

AgentSkills を支える Agent ランタイムが要る。npx でスキルを登録することも受け入れる。自分で数頁 HTML を手書きするだけで、Agent に代筆させない人には利点は限られる。中国語説明は

https://github.com/lewislulu/html-ppt-skill/blob/main/README.zh-CN.md

ページは許可を MIT とも書く。あるチャット製品を唯一のクライアントとは書いていない。一社だけで使えると自分で限定しない。

3 分で最初の試行を終える

公式インストールコマンドはこの一本だけ:

npx skills add https://github.com/lewislulu/html-ppt-skill

スキルを Agent ランタイムへ登録する。ランタイムのスキルリストを変える。読み取り専用の閲覧ではない。先にこのマシンに npx があり、書き込みたい環境だと確認してから実行する。

入れたあと、低リスクの試し書きを一度する。AgentSkills を支える Agent に、できるだけ短い静的 HTML デモを作らせる。ファイルを書く前に、作るパスとページ数を言わせる。あなたがうなずいてからディスク書き込みを許す。成功は二層:ブラウザで直接開ける HTML が得られ、途中に構築ステップが無い。開いたあと S を押すと独立の発表者ウィンドウが出る。Agent が既存サイト工程を変え始めたり構築スクリプトを足したりしたら先に止める。

ページはインストール後 “by asking things like” できると書く。ただしこの摘録に具体的な問い文は無い。最初はフレーズ一式を作らない。「短い、静的、開ける、先にパスを確認」だけを求める。

利用事例

事例一:Agent にテーマとレイアウトでデモ一式を作らせる。ページの規模はテーマ 36、フルデッキテンプレート 15、単ページレイアウト 31。資源は assets/themes/*.css、templates/full-decks/<name>/、templates/single-page/*.html。アニメーションは CSS アニメーション 27 と canvas FX 20。摘録は各テーマ名を書いていない。Agent がテンプレートをどう選ぶかも書いていない。求められるのは、静的 HTML デモを出し、これらの既存資源をできるだけ再利用すること。この材料から「未記入のテーマ名を必ず使え」とは指定できない。生成前に出力パスは確認する。

事例二:発表者モードを確認する。任意の完成品を開いたあと S を押すと専用発表者ウィンドウが出る。中にドラッグと拡縮ができる磁性カードが四枚:現在ページ、次ページプレビュー、スピーカーノート、タイマー。二つのウィンドウは BroadcastChannel で同期する。ページはブラウザ名簿を書いていない。第二ウィンドウが無いときの対処も書いていない。受け入れは、S のあと上記四枚が出て、ページ送りでプレビューと原稿が付いて変わることだけ。この一歩で Agent に HTML を続けて変えさせない。

利用上の境界

数字はページの表に従う:テーマ 36、フルデッキテンプレート 15、単ページレイアウト 31、CSS アニメーション 27、canvas FX 20。リポジトリ見出しのより古い数字でこれらの計数を変えない。経路はディレクトリ級まで。完全なファイル目録は無い。

インストール経路は上の npx skills add。並列の第二インストーラは無い。登録後、AgentSkills を支えるランタイムだけがデモ制作できると書かれている。その標準を支えないツールは、もう使えると仮定しない。

完成品に構築ステップは無い。それはディスクを書かないことと同じではない。最初は一頁または少数頁の静的ファイルを終え、S で発表者ウィンドウを照合する。既存デモを上書きする、数十頁を一括生成する、外部構築を入れる動作は、先に Agent に変えるファイルを復唱させ、あなたが確認してから続ける。