Docs & Knowledge · nexu-io/html-anything
hr-onboarding
First-week schedule + buddy + learning track + equipment + definition of done
L1 Basic · Source registration onlyV1 Commit-PinnedDual-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
Six-section onboarding one-pager: hero (name/start date/team) → first-week schedule → Manager + Buddy card → learning track → equipment checklist → "You're set when..." acceptance checklist.
next/src/lib/templates/skills/hr-onboarding/SKILL.md
- Welcome hero (姓名 + 入职日 + 团队)
Structure acts as a content checklist: HR simply fills in these six sections to produce an inherently complete page—the most effortless pattern for document templates.
First-week schedule detailed down to time slots by day: examples provide a Day 1 09:00–14:00 breakdown alongside a 5-day Mon–Fri timeline.
next/src/lib/templates/skills/hr-onboarding/example.html
<div class="schedule-row"><div class="time">11:30</div><div class="item"><strong>Coffee with Sasha (buddy)</strong><span>The unwritten rules, who-to-ask map, where the good lunch spots are.</span></div></div>
The timeline is implemented with a two-column grid using `.schedule-row { display: contents }` rather than HTML tables, separated between rows using border-top.
The acceptance area uses a checkable "You're set when..." checklist to define completion criteria, turning HR deliverables into actionable verify items.
next/src/lib/templates/skills/hr-onboarding/example.html
<h3>You're set when…</h3>
Housing the equipment checklist (checking Laptop/SSO/badge availability) within the same block represents the most product-minded design of this template.
The template itself is the prompt: the SKILL.md body is read by the loader, assembled with the shared preamble and user content, and executed by the local agent CLI.
next/src/app/api/convert/route.ts
prompt = assemblePrompt({ body: skill.body, content, format });
No code is executed from the template directory at runtime: /api/convert only receives {agent, templateId, content}, uses loadSkill(templateId) to extract the SKILL.md body as the prompt core, and hands it off to the authenticated local agent CLI; HTML streams back to the frontend via stdout.
The skill directory contains purely plain-text assets: the loader reads SKILL.md from disk, and no executable code inside the directory is ever loaded.
next/src/lib/templates/loader.ts
const raw = safeRead(path.join(dir, "SKILL.md"));
Skills in the filesystem are just text: the loader reads SKILL.md across directories, extracts frontmatter as picker metadata, and returns the body text; no modules within this template directory are imported or executed.
The shared preamble is injected prior to the template, establishing top priority: "The template defines only layout/style/palette/typography/components; quantities are dictated by user content."
next/src/lib/templates/shared.ts
【内容驱动数量 — 最高优先级, 覆盖模板里的任何数字】
Injected before the template body, the shared preamble dictates that "the template defines only layout/style/palette/typography/components, with quantities decided by user content"—making the layout list in this template a "reusable layout pool" rather than a hard limit on page or frame count.
The shared preamble is injected prior to the template, establishing top priority: "The template defines only layout/style/palette/typography/components; quantities are dictated by user content."
next/src/lib/templates/shared.ts
- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何 \`.html\` 文件里。前端直接捕获你的 stdout 文本, 文件落盘由前端负责。
The preamble explicitly forbids filesystem tools and mandates pure HTML streaming in the reply body, leaving disk writing to the frontend—resulting in zero disk-write actions on the skill side.
The skill directory contains purely plain-text assets: the loader reads SKILL.md from disk, and no executable code inside the directory is ever loaded.
next/src/lib/templates/loader.ts
const exampleHtml = safeRead(path.join(dir, "example.html"));
The example.html file in the directory serves as the golden sample distributed with the repo; the preview route directly reads and serves it from disk (without builds or compilation), functioning both as a quality baseline and detail page preview asset.
2Core Capabilities
01Welcome hero (name / start date / team)
02First-week 5-day timeline (Mon–Fri by time slot)
03Manager + Buddy card (including buddy coffee item)
04Learning track list
05Equipment checklist and outcomes acceptance area (checkable)
06Example extensions: 30-60-90 milestones and Things to bookmark resource section
4Recommended Governance & Evidence
Suggested Controls for Safe Operation
For Agent Runtime
Can be auto-loaded
For Administrators
Register source and version
Evidence & Triggers (File Paths & Excerpts)
- SKILL.md: Pure prompt instructions and rule text; contains no script execution or external side effects
Audit Notes: 🟢 Green (). Scope of evaluation = skill directory itself: zero URLs in the directory (example.html contains no http(s) endpoints). The directory contains only SKILL.md and example.html, featuring zero scripts, zero executable code, zero network endpoints, zero credential reading, and zero disk-write instructions—executing SKILL.md merely causes the host model to output an HTML text stream without outbound transmission or local writes. Host shell and artifact usage behaviors do not affect the rating level and are documented under verdict.risks: the shared.ts preamble instructs the generated artifact to import Tailwind CDN (https://cdn.tailwindcss.com) and Google Fonts; the runtime spawns the authenticated local agent CLI (envFor passes through process.env); the preview iframe uses sandbox="allow-scripts allow-same-origin".
5Second-Pass Verification
- [ok] 规范↔示例：六区覆盖 — hero（Start date/Manager/Buddy/Sasha）、Day 1 时段表、First week timeline（Mon–Fri 五行）、30·60·90 里程碑、Resources 与 You're set when… 全部命中；equipment checklist 并入 Resources & 验收清单区而非独立区块。
- [ok] 规范↔示例：超出规范的区块 — 示例追加 30·60·90 day milestones 与 Things to bookmark，属「超出」而非违背（共享前言明确模板数字是下限）。
- [ok] 规范↔示例：5 天 timeline — 正文要求 5 天，示例 day-head 为 Mon→Fri（Nov 4–Nov 8）五天，日数与正文一致。
- [ok] example.md 缺失 — 目录只有 SKILL.md + example.html；无输入样例属该批模板的常见形态（9 份中 6 份如此），非缺陷但少了一份「喂什么」的示范。
- [ok] 目录资产面普查 — glob 全量：SKILL.md、example.html；无 scripts/、无 references/、无数据文件、无包管理器清单。
- [ok] 可执行代码普查 — example.html 内 <script> 计数 = 0，fetch/XMLHttpRequest/WebSocket 命中 0；SKILL.md 全篇无脚本或可执行代码。
- [ok] 外链端点普查 — 目录内（含 example.html）零 http(s) 命中，产物离线自持。
- [ok] official_desc 逐字核对 — meta.official_desc 与 SKILL.md frontmatter 的 description 逐字一致。
6Verdict & Scenarios
Best for: First-week guide for new hires, remote onboarding one-pagers, or onboarding pages in team wikis; ideal when HR/People Ops needs a self-service deliverable for new joiners.
Not for: Onboarding systems requiring workflow engines or form submissions (output is a static page); scenarios requiring strict compliance audit trails; occasions requiring two-way calendar sync.
Install Agent-Ready
① Verified Mirror 2026-09-15
Option A · Direct DownloadDownload hr-onboarding.tar.gz
sha256:
Option B · Copy Guide for Agent8cc280cfe9045903…Agents automatically download and verify mirrors from this JSON guide.
② Upstream GitHub
GitHub Repo ↗
Pinned to commit 553ed98c28.