デザイン&モーション · nexu-io/html-anything

deck-pitch

10ページの資金調達ピッチデック、白背景+青紫グラデーションhero、トラクション棒グラフ、$X.XMの資金調達(ask)

L3 ネットワーク · ドメインとキー範囲を宣言V1 コミット固定ネットワーク通信Dual-pass Audit
Author nexu-ioGitHub nexu-io/html-anything ↗Stars 8827License Apache-2.0(工作副本根目录 LICENSE 文件 = Apache License Version 2.0;GitHub API spdx_id=Apache-2.0。注意:skill 目录本身不含独立 LICENSE,许可来自仓库根;第三方来源模板在 README 另有署名说明)Commit 553ed98c28
管理レベルは Skill の能力と推奨統制措置を示すものであり、品質や安全性の認証、利用可否の判定ではありません。使用の可否はユーザーおよび管理者が決定します。Agent 環境によって制約が異なるため、自動保護を仮定しないでください。第三者製 Skill の著作権は原著作者に帰属し、利用リスクは利用者が負います。

1仕組みと動作原理

本skillはhtml-anythingの「テンプレートパック」です。frontmatterからセレクターがメタデータを取得し、SKILL.md本文(frontmatter以降のbody)はloaderによってそのまま読み出され、モデルへの指示として使用されます。

next/src/lib/templates/loader.ts
const { fm, body } = parseFrontmatter(raw);
本テンプレートの本文は26行 / 650バイトのみ(意図+10項目のページリストのみ記載)。frontmatterはparseFrontmatterによってfm/bodyに分割され、ディレクトリ内に関連するスクリプトは一切存在しません。

モデルに実際に投入されるprompt = 共有デザイン指示 + 本テンプレート本文 + 【入力フォーマット】 + 【ユーザーコンテンツ】です。共有指示には、テンプレート内のページ数やレイアウト数が上限値ではないことを宣言する上書きルールも含まれます。

next/src/lib/templates/shared.ts
return `${SHARED_DESIGN_DIRECTIVES} ${opts.body.trim()}
同ファイル内の直後に続く上書きルールには、「テンプレートは『使用可能なレイアウト/スタイル/配色/フォント/コンポーネントライブラリ』のみを定義し、スライド/フレーム/カード/セクションの数は**定義しない**」と一字一句明記されています。

出力の規律は共有指示によって厳密に制約されます。agentによるファイルシステムツールの使用は禁止されており、HTMLはstdoutテキストストリームとして出力され、フロントエンド側でディスクに保存される必要があります。

next/src/lib/templates/shared.ts
- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何
本テンプレート自体は保存方法を宣言しておらず、完全にこの共有制約に依存しています。

ページ構成は「固定ナラティブ骨格」によって資金調達ストーリーを実現します:Cover → Problem・Solution・Why Now → Product → Market → Traction → Business model → GTM → Team → Ask → Thanks。

next/src/lib/templates/skills/deck-pitch/SKILL.md
- Ask: $4.5M-style page
同セクションには「- Traction (棒グラフ・大数字)」「- Market size (TAM/SAM/SOM)」なども記載されており、投資家向けロードショーの標準的な順序を構成しています。

frontmatterに「10ページ」と配色の方向性が直接記述されており、サイトの詳細ページやプレビューで説明を加えることなくそのまま表示可能です。

next/src/lib/templates/skills/deck-pitch/SKILL.md
description: "10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask"
同一のdescriptionがloaderによってSkillMeta.descriptionとして読み込まれ、本エントリのofficial_descのソースにもなっています。

CLIのキーワードルーティングにより、中国語のロードショー関連用語が本テンプレートにマッピングされます。「融资」「路演」「投资人」「BP」のヒットでdeck-pitchが選択されます。

cli/src/skills-matcher.ts
[["pitch", "融资", "pitch deck", "路演", "投资人", "BP"], "deck-pitch"],
同テーブルのフォールバックはdeck-swiss-international(一般的なPPT用語向け)であり、本テンプレートはより限定的な資金調達セマンティクスを担当します。

ページコンテナはリポジトリ全体のdeck規約に準拠しています。example.html内の10個の<section>はすべてslideクラスを含んでおり、アプリ側のdeck.tsによってページ単位で解析可能です。

next/src/lib/deck.ts
const SLIDE_RE =
規約はdeck.tsの先頭コメントに記載されています。各deck skillのページは<section class="slide" data-slide-id="N">となり、アプリ側はこれに基づいてページごとのレンダリングとエクスポートを有効化します。

2コア機能

0110ページの投資家向けナラティブ骨格(Cover / Problem・Solution・Why Now / Product / Market / Traction / Business model / GTM / Team / Ask / Thanks)
02棒グラフ+大数字で表現するTractionページ、TAM/SAM/SOMで市場規模を定義するMarketページ
03調達金額の文型($4.5M形式のページ)に固定されたAskページ。「いくら調達するか」を独立した1ページとして構成
04画像プレースホルダーを確保したプロダクトページ(Product (スクリーンショットプレースホルダー))。視覚要素の捏造を避け、ユーザー提供のコンテンツに委ねる設計
05frontmatterで宣言された視覚的方向性:白背景+青紫グラデーションhero(セレクターや詳細ページで表示)
06CLI自然言語ルーティング:pitch / 融资 / 路演 / 投资人 / BP → deck-pitch
07サイト側では財務シナリオ(scenario: finance)に分類され、design/product系テンプレートと差別化

3外部依存関係

KindDependency / Endpoint
cli宿主本机 agent CLI(由 html-anything 侧 spawn,非本 skill 指令)
networkGoogle Fonts(产物示例引用,非 skill 正文要求)

4推奨統制措置と判定根拠

安全運用のための推奨統制措置
Agent 向け
アクセス可能ドメインとキー範囲を宣言
管理者向け
最小権限のキー、リクエストログを保持
判定根拠(ファイルパスと抜粋)
  • 网络端点: 外部ネットワークアクセスの宣言:example.htmlの先頭に8本のGoogle Fonts @import(fonts.googleapis.com)があり、プレビューiframe内で読み込み
監査ノート: 。評価対象=skillディレクトリ(SKILL.md + example.html):ディレクトリ内に実行可能スクリプト、認証情報の読み取り、ディスク書き込み指示は一切存在しません。SKILL.md本文にはURLやCDN/API要件が一切なく、ページ一覧と構成方法のみがテキストで記述されています。ディレクトリ内に実際に現れるエンドポイントは、example.html内の8本のGoogle Fonts @import(fonts.googleapis.com)のみであり、これらは生成物側の参照(ブラウザレンダリング時にのみ取得)に該当します。当リポジトリのhtml-anythingテンプレートは、バッチ4の基準に従い一律で 🟢 グリーン判定となります。判定対象=skill自身のディレクトリであり、ホストシェル(loader.ts/assemblePrompt/ローカルagent CLI/プレビューiframe)およびexample.html内のフォントやCDN参照は生成物フェーズの動作(ブラウザ側で取得され、skill実行時には送信されない)であるため、reason/risksへの記載にとどめ、判定ランクには影響させません。

5二重目の独立検証

  • [ok] 文件清单(2 个文件,无脚本) — SKILL.md(650B) + example.html(28988B);无 .sh/.py/.js/.ts。
  • [ok] 正文零端点复核 — SKILL.md 内 http/CDN/fetch/script/API 零命中;仅含页面清单与意图句。
  • [ok] 目录内端点自证 — example.html 命中 8 条 fonts.googleapis.com 字体 @import;无远程 script、无 fetch/XHR。
  • [ok] 无凭证读取 — key/secret/token/.env 零命中。
  • [ok] 无写盘指令(且共享指令禁止文件工具) — SKILL.md 无 write/save 类词;shared.ts 明令禁止 Write/Edit/Bash。
  • [ok] 10 页骨架逐条可复核 — Cover / Problem · Solution · Why Now / Product / Market size / Traction / Business model / Go-to-market / Team / Ask / Thanks 全在正文。
  • [ok] official_desc 逐字命中 — 与 SKILL.md 第 6 行 description 引号内文本逐字一致。
  • [ok] CLI 路由行真实存在 — cli/src/skills-matcher.ts 第 60 行 deck-pitch 行逐字命中。

6結論

  • 投資家の閲覧順序に沿った完全なナラティブ骨格を備え、ProblemからAskまでの全プロセスを網羅。
  • 極めてスリムな本文による低コンテキストコスト。スタイルの統一は共有デザイン指示に委ねられており、バッチ生成に最適。
  • 中国語トリガーワード(融资/路演/投资人/BP)が完備されており、CLI側で事前にテンプレートを選択する必要がない。
  • メタデータにページ数を明記(description「10ページ」、aspect_hint「16:9 ×10」)。詳細ページやセレクターで想定規模を直接確認可能。
  • サンプル生成物がdeckページコンテナの規約に準拠しており、ページごとのレンダリングおよびエクスポートパイプラインにそのまま投入可能。
  • 最適な用途: シード/Pre-A期のピッチデックを迅速に作成したい創業者や資金調達担当者に最適。事業計画(BP)資料を投入するだけで、10ページの固定骨格を持つ16:9 HTMLデックが得られ、PNGやPPTXに直接変換可能です。「軽量テンプレート+共有デザイン指示」というskill作成パターンのデモにも適しています。
    不向きな用途: 厳格なブランドガイドライン(特定のhexコード指定、フォントライセンス指定)が必要な用途には不向き(本テンプレート本文はカラーコードを固定していません)。資金調達以外の報告・プレゼンには不向き(骨格が投資家向けストーリーに特化しているため)。長大な資料には不向き(データ付録などのページ構成がなく、長い内容は複数ページに分割されます)。
    Install Agent-Ready
    ① Verified Mirror 2026-09-15
    Option A · Direct DownloadDownload deck-pitch.tar.gz
    sha256: 1572cd859b9a8468…
    Option B · Copy Guide for Agent
    install.json
    Agent はこの JSON ガイドから自動的にダウンロードして検証します。
    ② Upstream GitHub
    GitHub Repo ↗
    Pinned to commit 553ed98c28.