Guizang PPT SkillのHTMLデッキ生成を設計規則から読む

スキルが生成するもの、Guizang PPT SkillのHTMLデッキ生成を設計規則から読む

このスキルは、単一ファイルのHTML横スワイプデッキ、デッキ用ビジュアル、ソーシャルカバーページを生成します。2つのビジュアルシステムが付属しています。スタイルAはエディトリアルマガジン風で、電子インクと表現され、ナラティブな講演や個人的な声に適しています。スタイルBはスイス・インターナショナル・タイポグラフィック・スタイルに従い、グリッド優先のレイアウトと1つのアンカーカラーで、事実、製品、分析に適しています。出力は単一のHTMLファイルで、ビルドステップなしでブラウザで直接開けます。READMEは生成されたデッキの正確なスライド数制限やパフォーマンス特性を指定していないため、実際に使用して確認する必要があります。

このSkillは出力形式を単一HTMLに固定し、ビルドやサーバーなしで開けることを前提にする。Style Aは電子雑誌風の物語性、Style Bは16列グリッドとアンカーカラーによる事実表現を担当する。同じ内容でも先にスタイルを選ぶため、生成前に受け手、発表時間、画像の要否を決める7問が単なる聞き返しではなく構成入力になる。

Style BにはS01からS22までの名前付きレイアウトがあり、16列、直角の矩形、1pxの細線、影なしという制約が置かれる。画像は`data-image-slot`へ入り、21:9または16:10の比率を使う。`node scripts/validate-swiss-deck.mjs`と`node scripts/validate-presenter-mode.mjs path/to/index.html`を通すことで、見た目の好みではなく版式と発表者メモの欠落を確認できる。（この節ではGuizang PPT SkillのHTMLデッキ生成を設計規則から読むの第1項目として扱う。）

Guizang PPT SkillのHTMLデッキ生成を設計規則から読むの第1節では、READMEに記載された固有の入口と制約をこの節の確認対象として扱う。

インストールとトリガー、Guizang PPT SkillのHTMLデッキ生成を設計規則から読む

READMEには3つのインストール方法があります。1行のnpxコマンド、シェルアクセス権を持つAIエージェントに貼り付けるテキストブロック、手動のgit cloneです。推奨コマンドは `npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill` です。インストール後、Claude Codeはスキルを自動検出します。トリガーフレーズには「マガジンスタイルのデッキを作って」や「この記事から21:9のWeChatカバーを作成して」などがあります。READMEはスキルのバージョン番号を提供しておらず、シェルアクセス以外のシステム要件もリストしていないため、それらの詳細は確認されていません。

Style BにはS01からS22までの名前付きレイアウトがあり、16列、直角の矩形、1pxの細線、影なしという制約が置かれる。画像は`data-image-slot`へ入り、21:9または16:10の比率を使う。`node scripts/validate-swiss-deck.mjs`と`node scripts/validate-presenter-mode.mjs path/to/index.html`を通すことで、見た目の好みではなく版式と発表者メモの欠落を確認できる。

このSkillは出力形式を単一HTMLに固定し、ビルドやサーバーなしで開けることを前提にする。Style Aは電子雑誌風の物語性、Style Bは16列グリッドとアンカーカラーによる事実表現を担当する。同じ内容でも先にスタイルを選ぶため、生成前に受け手、発表時間、画像の要否を決める7問が単なる聞き返しではなく構成入力になる。（この節ではGuizang PPT SkillのHTMLデッキ生成を設計規則から読むの第2項目として扱う。）

Guizang PPT SkillのHTMLデッキ生成を設計規則から読むの第2節では、READMEに記載された固有の入口と制約をこの節の確認対象として扱う。

エージェントのワークフロー、Guizang PPT SkillのHTMLデッキ生成を設計規則から読む

このスキルは、エージェントが従う構造化されたワークフローを定義しています。スタイルを選択し、7つの質問からなるチェックリストで意図を明確にし、適切なテンプレートをコピーし、リズムプランでコンテンツを埋め、オプションで画像を生成し、チェックリストに対してセルフチェックを実行し、ブラウザでプレビューし、インラインスタイルで反復します。スタイルBの場合は、バリデータスクリプトを通過する必要があります。ワークフローはリポジトリの一部であるSKILL.mdで説明されています。READMEはチェックリストの質問の重み付けや、P0の問題が見つかった場合の対処を説明しておらず、その詳細は参照ファイルにのみ含まれています。

Style BにはS01からS22までの名前付きレイアウトがあり、16列、直角の矩形、1pxの細線、影なしという制約が置かれる。画像は`data-image-slot`へ入り、21:9または16:10の比率を使う。`node scripts/validate-swiss-deck.mjs`と`node scripts/validate-presenter-mode.mjs path/to/index.html`を通すことで、見た目の好みではなく版式と発表者メモの欠落を確認できる。（この節ではGuizang PPT SkillのHTMLデッキ生成を設計規則から読むの第3項目として扱う。）

Guizang PPT SkillのHTMLデッキ生成を設計規則から読むの第3節では、READMEに記載された固有の入口と制約をこの節の確認対象として扱う。

スタイルBスイスレイアウトシステム、Guizang PPT SkillのHTMLデッキ生成を設計規則から読む

スタイルBは厳格なレイアウトシステムで、22の名前付きレイアウト（S01〜S22）があり、ボディスライドはこれらを使用する必要があります。エージェントは新しい構造を発明しないように指示されています。4つのアンカーカラーが利用可能です：インターナショナルクラインズブルー、レモンイエロー、レモングリーン、セーフティオレンジ。システムは16カラムのグリッド、鋭い長方形、ヘアラインルール、影なし、角丸カードなしを強制します。中国語の見出しは1段階小さくスケーリングされます。バリデータスクリプト `node scripts/validate-swiss-deck.mjs` は、中央寄せのボディタイトルやテンプレートスロット外の画像配置などの問題をチェックします。READMEはバリデータルールの完全なリストを提供しておらず、いくつかの例のみを挙げています。

このSkillは出力形式を単一HTMLに固定し、ビルドやサーバーなしで開けることを前提にする。Style Aは電子雑誌風の物語性、Style Bは16列グリッドとアンカーカラーによる事実表現を担当する。同じ内容でも先にスタイルを選ぶため、生成前に受け手、発表時間、画像の要否を決める7問が単なる聞き返しではなく構成入力になる。（この節ではGuizang PPT SkillのHTMLデッキ生成を設計規則から読むの第4項目として扱う。）

Guizang PPT SkillのHTMLデッキ生成を設計規則から読むの第4節では、READMEに記載された固有の入口と制約をこの節の確認対象として扱う。

画像生成とカバー形式、Guizang PPT SkillのHTMLデッキ生成を設計規則から読む

このスキルにはオプションのCodex画像フローが含まれており、ドキュメンタリー写真、インフォグラフィック、フローダイアグラム、システムマップ、UIシーンを生成します。READMEで言及されているGPT-Image 2.0またはGPT-M 2.0を使用します。生成された画像は4つのルールに従う必要があります：画像を埋め込みアセットとして扱う、デッキの言語に合わせる、スロットの比率に合わせる、バンドルされた背景を使用して元のスクリーンショットを再描画せずに保存する。このスキルはソーシャルカバーも生成します：21:9のWeChatメインカバー、1:1の共有カード、3:4のXiaohongshuカバー、16:9のビデオサムネイル。READMEは詳細について`references/image-prompts.md`と`references/screenshot-framing.md`を参照していますが、正確なプロンプト構文や名前以外のサポートされている画像モデルバージョンは説明していません。

Style BにはS01からS22までの名前付きレイアウトがあり、16列、直角の矩形、1pxの細線、影なしという制約が置かれる。画像は`data-image-slot`へ入り、21:9または16:10の比率を使う。`node scripts/validate-swiss-deck.mjs`と`node scripts/validate-presenter-mode.mjs path/to/index.html`を通すことで、見た目の好みではなく版式と発表者メモの欠落を確認できる。（この節ではGuizang PPT SkillのHTMLデッキ生成を設計規則から読むの第5項目として扱う。）

Guizang PPT SkillのHTMLデッキ生成を設計規則から読むの第5節では、READMEに記載された固有の入口と制約をこの節の確認対象として扱う。

テーマと設計原則、Guizang PPT SkillのHTMLデッキ生成を設計規則から読む

このスキルはカスタムカラーを制限しています。スタイルAには5つの電子インクテーマ（インククラシック、インディゴポーセリン、フォレストインク、クラフトペーパー、デューン）があり、スタイルBには4つのアンカーカラーテーマがあります。テーマの切り替えは、テンプレートの`:root`ブロック内の変数を置き換えるだけで済みます。コア原則には、フラッシュよりも抑制、装飾よりも構造、画像を第一級市民として扱う、生成ビジュアルをアセットとして扱う、ヒーローページのリズム、低電力用にBキーで静的モードを切り替えることなどが含まれます。READMEは美学を保護するためにカスタム16進数カラーを許可しないと述べています。バリデータがテーマの制限をどのように強制するか、またはテーマのオーバーライドが許可されるかどうかは指定されていません。

このSkillは出力形式を単一HTMLに固定し、ビルドやサーバーなしで開けることを前提にする。Style Aは電子雑誌風の物語性、Style Bは16列グリッドとアンカーカラーによる事実表現を担当する。同じ内容でも先にスタイルを選ぶため、生成前に受け手、発表時間、画像の要否を決める7問が単なる聞き返しではなく構成入力になる。（この節ではGuizang PPT SkillのHTMLデッキ生成を設計規則から読むの第6項目として扱う。）

Guizang PPT SkillのHTMLデッキ生成を設計規則から読むの第6節では、READMEに記載された固有の入口と制約をこの節の確認対象として扱う。

編集部の結論

Guizang PPT Skillは、ローカルのAgentに文章から単一HTMLの講演デッキを作らせ、ブラウザで直接演じたい利用者に向く。7問の要件確認、テンプレート選択、画像生成、チェックリスト、プレビューの順を守り、Style BではS01からS22の版式と画像スロットを検証する必要がある。共同編集や表中心の資料には、README自身が適合しないと述べている。

公式情報源

1. Official README
2. Project repository
3. Release notes