Design & Motion · nexu-io/html-anything
deck-pitch
10-page pitch deck, white background + blue-violet gradient hero, traction bar charts, $X.XM ask
L3 Networked · Declare domain & key scopeV1 Commit-PinnedNetwork AccessDual-pass Audit
Control levels describe skill capabilities and suggested control measures; they do not represent quality or safety certifications, nor do they dictate usability. Usage decisions rest entirely with users and administrators. Different agent hosts apply varying constraints; do not assume hosts provide automatic protection. Third-party skill copyrights belong to their original authors. Use at your own risk.
1How It Works & Mechanism
This skill acts as a "template pack" for html-anything: frontmatter supplies metadata to the selector, while the SKILL.md body (after frontmatter) is loaded verbatim by the loader as model instructions.
next/src/lib/templates/loader.ts
const { fm, body } = parseFrontmatter(raw);
The template body is only 26 lines / 650 bytes (listing only intent + a 10-page checklist); parseFrontmatter splits frontmatter into fm/body, with no scripts involved in the directory.
The prompt sent to the model = shared design instructions + this template body + [Input Format] + [User Content]; the shared instructions also include an override rule stating that the page count/layout numbers in the template are not hard upper limits.
next/src/lib/templates/shared.ts
return `${SHARED_DESIGN_DIRECTIVES} ${opts.body.trim()}
The override rule immediately following in the same file literally states: the template only defines "available layouts / styles / color schemes / typography / component libraries", and **does not define** the number of slides / frames / cards / sections.
Output discipline is strictly enforced by shared instructions: the agent is prohibited from using any file system tools, and HTML must be streamed via stdout text output to be persisted by the frontend.
next/src/lib/templates/shared.ts
- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何
The template itself does not declare persistence methods, relying entirely on this shared constraint.
The page structure delivers an investor pitch narrative through a "fixed narrative framework": 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
The same section includes "- Traction (bar chart big numbers)", "- Market size (TAM/SAM/SOM)", etc., forming the classic order of an investor roadshow.
The frontmatter directly encodes "10 pages" and the color palette direction, allowing the site details page and preview to display them without extra explanation.
next/src/lib/templates/skills/deck-pitch/SKILL.md
description: "10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask"
The same description is read by the loader into SkillMeta.description, which also serves as the source for this entry's official_desc.
CLI keyword routing maps Chinese roadshow terms to this template: hits on 融资 / 路演 / 投资人 / BP immediately select deck-pitch.
cli/src/skills-matcher.ts
[["pitch", "融资", "pitch deck", "路演", "投资人", "BP"], "deck-pitch"],
The fallback in the same table is deck-swiss-international (general PPT terms), while this template handles the narrower fundraising semantics.
The page container adheres to the repo-wide deck convention: all 10 <section> elements in example.html contain slide classes, enabling slide-by-slide parsing by deck.ts on the application side.
next/src/lib/deck.ts
const SLIDE_RE =
The convention is documented in the header comments of deck.ts: each deck skill page is a <section class="slide" data-slide-id="N">; the application side uses this to enable per-slide rendering and export.
2Core Capabilities
0110-page investor narrative framework (Cover / Problem · Solution · Why Now / Product / Market / Traction / Business model / GTM / Team / Ask / Thanks)
02Traction page presented with bar charts + large numbers; Market page defining the opportunity via TAM/SAM/SOM
03Ask page fixed to a fundraising amount phrasing ($4.5M-style page), dedicating an independent page to "how much capital is needed"
04Product page reserves screenshot placeholders (Product (screenshot placeholder)), leaving visuals to user content rather than fabricating them
05Visual direction declared by frontmatter: white background + blue-violet gradient hero, displayed on selectors and detail pages
06CLI natural language routing: pitch / 融资 / 路演 / 投资人 / BP → deck-pitch
07Categorized on the site side as a finance scenario (scenario: finance), distinct from design/product templates
3External Dependencies
| Kind | Dependency / Endpoint |
|---|---|
| cli | 宿主本机 agent CLI（由 html-anything 侧 spawn，非本 skill 指令） |
| network | Google Fonts（产物示例引用，非 skill 正文要求） |
4Recommended Governance & Evidence
Suggested Controls for Safe Operation
For Agent Runtime
Declare allowed domains and key scope
For Administrators
Least privilege keys, retain request logs
Evidence & Triggers (File Paths & Excerpts)
- 网络端点: External network access declared: 8 Google Fonts @import rules (fonts.googleapis.com) at the top of example.html, loaded within the preview iframe
Audit Notes: . Evaluation target = skill directory (SKILL.md + example.html): contains no executable scripts, no credential reads, and no disk write instructions; SKILL.md body contains zero URLs and zero CDN/API requirements, purely describing the page list and layout structure in text. The only endpoints actually present in the directory are the 8 Google Fonts @import rules (fonts.googleapis.com) in example.html, which are artifact references (fetched only during browser rendering). html-anything templates in this repository are uniformly rated 🟢 Green tier per Batch 4 criteria: evaluation target = the skill's own directory; host shell wrappers (loader.ts/assemblePrompt/local agent CLI/preview iframe) and font/CDN references in example.html represent artifact-phase behaviors (fetched by the browser, not dispatched during skill execution) and are noted only under reason/risks without affecting the tier rating.
5Second-Pass Verification
- [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 行逐字命中。
6Verdict & Scenarios
Best for: Ideal for founders or investment professionals needing to quickly produce seed/Pre-A pitch decks: drop in BP materials to obtain a 10-page fixed-framework 16:9 HTML deck, convertible directly to PNG/PPTX. Also well-suited for demonstrating the "thin template + shared design instructions" skill authoring pattern.
Not for: Not suitable for occasions requiring strict brand guidelines (specific hex codes, designated font licensing) — this template body does not lock color values; not suitable for non-fundraising presentations (the framework is tailored to investor storytelling); not suitable for exhaustive materials (the framework lacks appendix/data backup pages, and lengthy content will be split into multi-page bodies).
Install Agent-Ready
① Verified Mirror 2026-09-15
Option A · Direct DownloadDownload deck-pitch.tar.gz
sha256:
Option B · Copy Guide for Agent1572cd859b9a8468…Agents automatically download and verify mirrors from this JSON guide.
② Upstream GitHub
GitHub Repo ↗
Pinned to commit 553ed98c28.