1仕組みと動作原理
本スキルは html-anything の「テンプレートパック」です。frontmatter はセレクターがメタデータを取得するために使用され、SKILL.md 本文（frontmatter 以降の body）は loader によってそのまま読み出されてモデルへの指示として渡されます。
next/src/lib/templates/loader.ts
const { fm, body } = parseFrontmatter(raw);
本テンプレートの本文は 23 行 / 623 バイト（本バッチで 2 番目に軽量）です。frontmatter は parseFrontmatter により fm と body に分割され、ディレクトリ内にはスクリプトが一切関与しません。
実際にモデルへ送られるプロンプトは「共通デザイン指示 ＋ 本テンプレート本文 ＋ 【入力フォーマット】＋【ユーザーコンテンツ】」で構成されます。共通指示には、テンプレート内のページ数やレイアウト数が上限ではないことを明記した上書きルールが含まれています。
next/src/lib/templates/shared.ts
return `${SHARED_DESIGN_DIRECTIVES} ${opts.body.trim()}
同一ファイル内で後続する上書きルールには、「テンプレートは『利用可能なレイアウト／スタイル／配色／フォント／コンポーネントライブラリ』のみを定義し、スライド／フレーム／カード／セクションの数は**定義しない**」と一語一語記載されています。
成果物の規律は共通指示によって厳格に制約されます。エージェントによるファイルシステムツールの使用は禁止されており、HTML は stdout 経由のテキストストリーミングとして出力され、フロントエンド側でディスクに保存される必要があります。
next/src/lib/templates/shared.ts
- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何
本テンプレート自体は保存方法を宣言しておらず、完全にこの共通制約に依存しています。
「セクションの明暗対比」により発表会のリズムを生み出します。表紙はダーク背景に大文字、本文はライト背景を採用することで、ステージ演出のような臨場感を演出します。
next/src/lib/templates/skills/deck-product-launch/SKILL.md
- Cover (暗背景 + 大字主题)
同セクション内の「- Introducing (製品名 + 1枚のヒーローショット)」により、「製品の初公開」を独立した1ページとして切り出しています。
ビジネスコンバージョンのセクションは「機能カード ＋ 料金プラン階層」で構成されます。機能ページには 3〜6 枚のカードを配置し、料金ページでプランを提示し、最終ページで CTA へ誘導します。
next/src/lib/templates/skills/deck-product-launch/SKILL.md
- Feature cards (3-6 个)
同セクションには「- Pricing tiers」と「- CTA / Available now」も含まれ、機能 → 価格 → 行動 というファネルを形成しています。
配色は方向性（暖色系オレンジ→ピーチのグラデーション）のみを指定し、HEX コードを固定しない「方向性制約」であり、網羅的な制約ではありません。
next/src/lib/templates/skills/deck-product-launch/SKILL.md
- accent: 暖橙→桃 渐变
4 パターンの HEX を厳格に固定する deck-swiss-international と比較して、本テンプレートはモデルの実装の自由度を残しています。
CLI キーワードルーティング：product / launch / 产品发布 / 上线 → deck-product-launch。
cli/src/skills-matcher.ts
[["product", "launch", "产品发布", "product launch", "上线"], "deck-product-launch"],
同テーブルでは engineering や incident などの単語が別テンプレートにマッピングされており、ルーティングが「テンプレート選択後に生成を行う」第1ステップであることを示しています。
2コア機能
01製品発表の 6 段階ストーリー：Cover（ダーク）→ Why we built this → Introducing → Feature cards → Pricing tiers → CTA
02機能カード数を 3〜6 枚に制限し、機能ページの情報過多を防止
03ビジネスコンバージョンを担う料金プランページ（Pricing tiers）
04締めくくりの CTA ページ（CTA / Available now）
05ダークなヒーロー ＋ ライトなコンテンツ ＋ 暖色系オレンジ→ピーチグラデーションアクセントの表現方針
06CLI 自然言語ルーティング：product launch / 产品发布 / 上线 → deck-product-launch
07サイト側分類：マーケティングシナリオ、16:9、featured 21
3外部依存関係
| Kind | Dependency / Endpoint |
|---|---|
| cli | 宿主本机 agent CLI（应用侧 spawn；非本 skill 指令） |
| network | Google Fonts（产物示例引用，非 skill 正文要求） |
4推奨統制措置と判定根拠
安全運用のための推奨統制措置
Agent 向け
アクセス可能ドメインとキー範囲を宣言
管理者向け
最小権限のキー、リクエストログを保持
判定根拠（ファイルパスと抜粋）
- 网络端点: 外部ネットワークアクセスの宣言：example.html 内で fonts.googleapis.com のフォント @import に複数一致（成果物レンダリング時にブラウザ側で取得）。リモートの <script> は存在しません。
監査ノート： 評価対象＝スキルディレクトリ（SKILL.md + example.html）：実行可能スクリプトなし、クレデンシャル読み取りなし、ディスク書き込み指示なし。SKILL.md 本文には URL や CDN/API の要求は一切なく、6 つのページリストと「暖色系オレンジ→ピーチグラデーション」という配色の方向性のみが含まれます。ディレクトリ内のエンドポイントは example.html の Google Fonts @import（成果物の参照）のみです。当リポジトリの html-anything テンプレートはバッチ 4 の基準に基づき一律 🟢 グリーン判定としています。評価対象はスキル自身のディレクトリであり、ホストシェル（loader.ts/assemblePrompt/ローカルエージェント CLI/プレビュー iframe）および example.html 内のフォントや CDN 参照は成果物フェーズの動作（ブラウザ側で取得され、スキル実行時には送信されない）であるため、reason/risks に記載するのみで評価の引き下げは行いません。
5二重目の独立検証
- [ok] 文件清单（2 个文件，无脚本） — SKILL.md(623B) + example.html(27910B)。
- [ok] 正文零端点复核 — SKILL.md 内 http/CDN/fetch/script 零命中。
- [ok] 目录内端点自证 — example.html: 多条 fonts.googleapis.com @import；无远程 script、无 fetch/XHR。
- [ok] 无凭证读取 — key/secret/token/.env 零命中。
- [ok] 无写盘指令 — SKILL.md 无 write/save 类指令；shared.ts 明令禁文件工具。
- [ok] 6 段叙事骨架逐条可复核 — Cover / Why we built this / Introducing / Feature cards / Pricing tiers / CTA 全在正文。
- [ok] official_desc 逐字命中 — 与第 6 行 description 引号内文本一致。
- [ok] CLI 路由行存在 — cli/src/skills-matcher.ts 第 61 行 product-launch 行逐字命中。
6結論
最適な用途： 「なぜ作ったのか」から「今すぐ使える」までのストーリーを必要とし、機能カードや料金ページを含む新製品・新バージョンの発表会キーノートに最適です。また、マーケティング担当者がエクスポート可能な HTML スライドを迅速に作成する場合にも適しています。
不向きな用途： 詳細な技術共有には不向き（deck-tech-sharing を使用してください）；厳密なブランドカラー（HEX 値）が求められるケースには不向き（本テンプレートは HEX を固定しません）；発表会を長大な資料アーカイブとして残す用途には不向き（6 パートの骨格には付録や詳細データ用の枠がありません）。
Install Agent-Ready
① Verified Mirror 2026-09-15
Option A · Direct DownloadDownload deck-product-launch.tar.gz
sha256:
Option B · Copy Guide for Agent4e266e7cb8b67546…Agent はこの JSON ガイドから自動的にダウンロードして検証します。
② Upstream GitHub
GitHub Repo ↗
Pinned to commit 553ed98c28.