Design & Motion · nexu-io/html-anything
deck-replit
Eight Replit Slides themes (helix/holm/vance/bevel/world/atlas/bluehouse)
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 is a "template pack" for html-anything: frontmatter supplies metadata for the selector, and the SKILL.md body (content following the frontmatter) is read verbatim by the loader as model instructions.
next/src/lib/templates/loader.ts
const { fm, body } = parseFrontmatter(raw);
The template body has ~15 lines / 1074 bytes (intent + theme list + slide count rules); frontmatter is parsed via parseFrontmatter into fm and body, with no scripts in the directory participating.
The actual prompt sent to the model = shared design instructions + this template body + [Input Format] + [User Content]; the shared instructions also include an override rule declaring that slide/layout counts 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 / typography / component libraries", and **does not define** the number of slides / frames / cards / sections.
Output discipline is strictly enforced by shared instructions: agents are forbidden from using any file system tools, and HTML must be streamed as text via stdout and persisted by the frontend.
next/src/lib/templates/shared.ts
- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何
This template itself does not declare persistence methods, relying entirely on this shared constraint.
The theme mechanism follows an "exclusive 1-of-8" pattern: helix / holm / vance / bevel / world-dark / world-mint / atlas / bluehouse, each carrying a complete palette + typography + accent.
next/src/lib/templates/skills/deck-replit/SKILL.md
- Pick one theme: helix / holm / vance / bevel / world-dark / world-mint / atlas / bluehouse
Unlike deck-presenter-mode's runtime theme switching: here the theme is selected before generation and maintained throughout.
Slide counts explicitly depend on content length: cover + agenda + N content slides + closing, starting from 6-10 for short content and more for longer content.
next/src/lib/templates/skills/deck-replit/SKILL.md
- Cover + agenda + N 个 content + 收尾 (N 由【用户内容】长度决定, 完整覆盖每个要点; 短内容 6-10 起步, 长内容应更多)
Among the 9 templates in this batch, this one states "self-determined quantity" most explicitly.
The accompanying example.md serves as an "input sample" rather than a draft template: providing a theme (world-mint), deck title, and 5 agenda items to demonstrate the short input → dual-page preview workflow.
next/src/lib/templates/skills/deck-replit/example.md
## Agenda
The phrase "One of the eight Replit Slides themes (helix / holm / vance / bevel / **world-mint** / atlas / bluehouse)" in the same file corroborates the theme list in the body text.
Provenance is fully credited: frontmatter records example_source_url = replit.com/slides, along with six other fields including example_id/example_name/example_format.
next/src/lib/templates/skills/deck-replit/SKILL.md
example_source_url: "https://replit.com/slides"
This URL serves purely as an attribution reference and initiates no requests.
2Core Capabilities
01Select 1 of 8 themes (helix/holm/vance/bevel/world-dark/world-mint/atlas/bluehouse), no mixing allowed
02Slide count determined by content length: cover + agenda + N content + closing; short content starts at 6-10, longer content expands further
03horizontal-swipe single-file deck format (horizontal page transitions)
04Each theme binds a complete palette + typography + accent, ensuring internal theme consistency
05Includes input sample (example.md): world theme + deck title + 5 agenda items
06CLI keyword routing: replit / terminal / 终端 / 暗色 → deck-replit
07Source attribution to replit.com/slides (frontmatter example_source_url)
3External Dependencies
| Kind | Dependency / Endpoint |
|---|---|
| cli | 宿主本机 agent CLI（应用侧 spawn；非本 skill 指令） |
| network | Tailwind CDN（产物示例引用，非 skill 正文要求） |
| network | Google Fonts（产物示例引用） |
| network | 出处置标（frontmatter 元数据，非调用） |
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: example.html contains <script src="https://cdn.tailwindcss.com"> and a Google Fonts reference
Audit Notes: Evaluation target = skill directory (SKILL.md + example.md + example.html): contains no executable scripts, credential reading, or disk-write commands; SKILL.md body requires zero CDN/API dependencies (the only URL is the replit.com/slides attribution in the frontmatter, not a runtime call). In-directory endpoint self-attestation: example.html references a remote script from cdn.tailwindcss.com and a fonts.googleapis.com @import, which are artifact-level references. In accordance with Batch 4 standards, this repository's html-anything templates are uniformly rated 🟢 Green: the evaluation target = the skill directory itself; host shell elements (loader.ts/assemblePrompt/local agent CLI/preview iframe) and font/CDN references in example.html are artifact-phase behaviors (retrieved by the browser and not emitted during skill execution), which are documented in reason/risks without affecting the tier rating.
5Second-Pass Verification
- [ok] 文件清单（3 个文件，无脚本） — SKILL.md(1074B) + example.md(380B) + example.html(5051B)。
- [ok] 正文端点复核（仅元数据 URL） — SKILL.md 第 13 行 example_source_url = https://replit.com/slides（出处置标）；正文无 CDN/接口要求。
- [ok] 目录内端点自证 — example.html: cdn.tailwindcss.com（远程 script）+ fonts.googleapis.com（@import）。
- [ok] 无凭证读取 — key/secret/token/.env 零命中。
- [ok] 无写盘指令 — SKILL.md 无 write/save 类指令；shared.ts 明令禁文件工具。
- [ok] 8 套主题清单逐字可复核 — helix / holm / vance / bevel / world-dark / world-mint / atlas / bluehouse 全在正文与 example.md。
- [ok] 页数自决规则逐字可复核 — 「短内容 6-10 起步, 长内容应更多」原句存在。
- [ok] official_desc 逐字命中 — 与第 6 行 description 引号内文本一致。
6Verdict & Scenarios
Best for: Ideal for scenarios like product walkthroughs or internal technical memos requiring a developer-style horizontal-swipe deck akin to Replit Slides; the 8 themes offer flexibility within a "dark developer vibe".
Not for: Not suitable for institutional deliverables requiring exact brand hex matching (themes do not lock hex codes); unsuitable for occasions demanding strict slide count limits (the body explicitly sets no upper limit); not for presenter-led talks (lacks speaker notes mechanisms; use deck-presenter-mode instead).
Install Agent-Ready
① Verified Mirror 2026-09-15
Option A · Direct DownloadDownload deck-replit.tar.gz
sha256:
Option B · Copy Guide for Agent7370702e0d48661d…Agents automatically download and verify mirrors from this JSON guide.
② Upstream GitHub
GitHub Repo ↗
Pinned to commit 553ed98c28.