1仕組みと動作原理
本skillはhtml-anythingの「テンプレートパック」です。frontmatterからセレクターがメタデータを取得し、SKILL.md本文(frontmatter以降のbody)はloaderによってそのまま読み出され、モデルへの指示として使用されます。
const { fm, body } = parseFrontmatter(raw);
モデルに実際に投入されるprompt = 共有デザイン指示 + 本テンプレート本文 + 【入力フォーマット】 + 【ユーザーコンテンツ】です。共有指示には、テンプレート内のページ数やレイアウト数が上限値ではないことを宣言する上書きルールも含まれます。
return `${SHARED_DESIGN_DIRECTIVES} ${opts.body.trim()}
出力の規律は共有指示によって厳密に制約されます。agentによるファイルシステムツールの使用は禁止されており、HTMLはstdoutテキストストリームとして出力され、フロントエンド側でディスクに保存される必要があります。
- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何
ページ構成は「固定ナラティブ骨格」によって資金調達ストーリーを実現します:Cover → Problem・Solution・Why Now → Product → Market → Traction → Business model → GTM → Team → Ask → Thanks。
- Ask: $4.5M-style page
frontmatterに「10ページ」と配色の方向性が直接記述されており、サイトの詳細ページやプレビューで説明を加えることなくそのまま表示可能です。
description: "10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask"
CLIのキーワードルーティングにより、中国語のロードショー関連用語が本テンプレートにマッピングされます。「融资」「路演」「投资人」「BP」のヒットでdeck-pitchが選択されます。
[["pitch", "融资", "pitch deck", "路演", "投资人", "BP"], "deck-pitch"],
ページコンテナはリポジトリ全体のdeck規約に準拠しています。example.html内の10個の<section>はすべてslideクラスを含んでおり、アプリ側のdeck.tsによってページ単位で解析可能です。
const SLIDE_RE =
2コア機能
3外部依存関係
| Kind | Dependency / Endpoint |
|---|---|
| cli | 宿主本机 agent CLI(由 html-anything 侧 spawn,非本 skill 指令) |
| network | Google Fonts(产物示例引用,非 skill 正文要求) |
4推奨統制措置と判定根拠
- 网络端点: 外部ネットワークアクセスの宣言:example.htmlの先頭に8本のGoogle Fonts @import(fonts.googleapis.com)があり、プレビューiframe内で読み込み
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結論
1572cd859b9a8468…