Design & Motion · nexu-io/html-anything

deck-tech-sharing

Name: deck-tech-sharing
Author: nexu-io/html-anything

GitHub-dark + JetBrains Mono + terminal code blocks, including agenda + Q&A

L3 Networked · Declare domain & key scopeV1 Commit-PinnedNetwork AccessDual-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

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 is a "template package" for html-anything: frontmatter provides metadata for the selector, and the body of SKILL.md (after frontmatter) is read verbatim by the loader to serve as model instructions.

next/src/lib/templates/loader.ts

const { fm, body } = parseFrontmatter(raw);

The body of this template is 24 lines / 597 bytes (the shortest among the batch of 9 templates); frontmatter is split into fm/body via parseFrontmatter, and no scripts are involved in the directory.

The prompt actually 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/layout numbers in the template are not upper limits.

next/src/lib/templates/shared.ts

return `${SHARED_DESIGN_DIRECTIVES} ${opts.body.trim()}

The override rule immediately following in the same file verbatim states: The template only defines "available layouts / styles / color schemes / fonts / 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 as text via stdout, to be persisted to disk by the frontend.

next/src/lib/templates/shared.ts

- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何

This template itself does not declare disk persistence methods and relies entirely on this shared constraint.

The sharing narrative is structured in a five-part sequence: "Cover → Agenda → Body slides → Demo → Q&A", where body slides carry code blocks + key insights.

next/src/lib/templates/skills/deck-tech-sharing/SKILL.md

- 正文页若干 (代码块 + 关键观点)

The same section also includes "- Demo slide (terminal screenshot)" and "- Q&A slide", formalizing the typical stages of a tech talk.

The visual tone is based on the GitHub-dark palette + JetBrains Mono monospace font, prioritizing code readability.

next/src/lib/templates/skills/deck-tech-sharing/SKILL.md

- GitHub-dark 配色 + JetBrains Mono

The cover slide requires clearly stating the topic + speaker + handle, aligning with standard conference talk attribution conventions.

CLI keyword routing: tech / sharing / 技术分享 / tech talk → deck-tech-sharing.

cli/src/skills-matcher.ts

[["tech", "sharing", "技术分享", "tech talk"], "deck-tech-sharing"],

In the same table, "博客/post/文章" maps to article-magazine, showing that "technical content" is routed to different templates based on genre.

Page containers conform to the repo-wide deck convention: all 8 sections in example.html include slide in their class, enabling host export pipeline processing.

next/src/lib/export/deck.ts

/** Export the deck as a multi-slide PPTX. Each slide goes in as a full-bleed PNG. */

Exporting to PDF/PNG/PPTX is a host capability (export/deck.ts); this skill is solely responsible for producing HTML that conforms to conventions.

2Core Capabilities

01Five-part tech talk structure: Cover (topic + speaker + handle) → Agenda → Body slides → Demo → Q&A

02Body slides feature code blocks + key insights, tailored to the information format of engineering presentations

03Demo slide provides a terminal screenshot slot, baking live demos into the structure rather than verbal supplements

04Closing Q&A slide

05GitHub-dark palette + JetBrains Mono monospace font, prioritizing code readability

06CLI keyword routing: tech / sharing / 技术分享 / tech talk → deck-tech-sharing

07Page containers conform to repo-wide deck conventions, compatible with host export pipelines (PDF / PNG zip / multi-page PPTX)

3External Dependencies

Kind	Dependency / Endpoint
cli	宿主本机 agent CLI（应用侧 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)

网络端点: Declared external network access: example.html hits multiple fonts.googleapis.com font @import rules (including JetBrains Mono); no remote <sc

Audit Notes: . Evaluation target = skill directory (SKILL.md + example.html): no executable scripts, no credential reading, no disk write instructions; SKILL.md body has zero URLs, zero CDN/API requirements (only structural checklists and font/palette descriptions of "GitHub-dark palette + JetBrains Mono"). Self-evident endpoint within directory: multiple fonts.googleapis.com @import rules in example.html (artifact references). This repository's html-anything templates are uniformly rated 🟢 Green tier under batch 4 criteria: evaluation target = skill's own directory; the host shell (loader.ts/assemblePrompt/local agent CLI/preview iframe) and font/CDN references in example.html are artifact-phase behaviors (fetched by browser, not transmitted outbound during skill execution), recorded only in reason/risks without affecting the tier rating.

5Second-Pass Verification

[ok] 文件清单（2 个文件，无脚本） — SKILL.md(597B) + example.html(30407B)。
[ok] 正文零端点复核 — SKILL.md 内 http/CDN/fetch/script 零命中（JetBrains Mono 是字族名不是 URL）。
[ok] 目录内端点自证 — example.html: 多条 fonts.googleapis.com @import（含 JetBrains Mono）；无远程 script、无 fetch/XHR。
[ok] 无凭证读取 — key/secret/token/.env 零命中。
[ok] 无写盘指令 — SKILL.md 无 write/save 类指令；shared.ts 明令禁文件工具。
[ok] 五段结构逐条可复核 — Cover(议题+讲者+handle) / Agenda / 正文页若干(代码块+关键观点) / Demo(terminal 截图) / Q&A 全在正文。
[ok] official_desc 逐字命中 — 与第 6 行 description 引号内文本一致。
[ok] CLI 路由行存在 — cli/src/skills-matcher.ts 第 74 行 tech-sharing 行逐字命中。

6Verdict & Scenarios

Optimal structure for engineering presentations: the complete quartet of agenda, code slides, demo, and Q&A relieves speakers from having to patch in stages.

Monospace font + code block priority, treating code readability as a first-class design goal.

Extremely short body (597 bytes), low generation cost, and the template does not overshadow content.

Comprehensive Chinese trigger keywords (技术分享) and English triggers (tech talk), making routing intuitive.

Best for: Suitable for internal engineering technical sharing, conference talks, code review kickoffs, and new framework overviews: requires a standard structure of agenda + code slides + demo + Q&A, and favors a dark developer aesthetic.

Not for: Not suitable for occasions requiring light-theme projection or printing (dark theme only); not suitable for non-code presentation topics (monospace fonts and code blocks will be redundant, use deck-swiss-international / deck-simple instead); not suitable for presentations requiring verbatim speaker scripts (lacks an aside.notes mechanism).

Install Agent-Ready

① Verified Mirror 2026-09-15

Option A · Direct DownloadDownload deck-tech-sharing.tar.gz

sha256: 0f3b5b26571a3c37…

Option B · Copy Guide for Agent

install.json

Agents automatically download and verify mirrors from this JSON guide.

② Upstream GitHub

GitHub Repo ↗

Pinned to commit 553ed98c28.