Project Onboarding — AI skill for Claude Code
AI agent skill:接手陌生项目时生成「项目导览 markdown + 自动可视化 HTML」两件套(ZCode / Claude Code skill).
How to install Project Onboarding
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Aij2022/project-onboarding and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Project Onboarding does
AI agent skill:接手陌生项目时生成「项目导览 markdown + 自动可视化 HTML」两件套(ZCode / Claude Code skill).
Alternatives in AI
- Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
- Guizang Ppt Skill — AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts 24.9k ★
- Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★
README
project-onboarding · 项目上手手册 Skill
面向 AI 编码 agent(ZCode / Claude Code 等)的 skill:接手陌生项目时,产出**两件套**——
- 项目导览(markdown):面向 AI 会话的上手手册,唯一事实源
- 可视化 HTML:思维导图折叠树 + 流程图,由
scripts/gen_visual.py从导览机械生成,给项目负责人看
关键设计:可视化是导览的**投影**——不在 HTML 里手写任何导览没有的内容。没有手工排版、没有评审轮,导览改了重新跑一遍生成器即可。
文件
project-onboarding/
├── SKILL.md # skill 本体:九节导览骨架 + 操作纪律(agent 读这个)
├── scripts/
│ └── gen_visual.py # 导览 markdown → 自包含 HTML 生成器(纯标准库,零依赖)
├── tests/
│ └── test_gen_visual.py # 黑盒回归套件(unittest,24 用例;python3 tests/test_gen_visual.py -v)
└── README.md
安装
把本目录放入 agent 的用户级 skills 目录(以 ZCode 为例):
git clone https://github.com/Aij2022/project-onboarding.git ~/.agents/skills/project-onboarding
新开会话即生效;也可在会话中显式调用 `/project-onboarding`。
导览的九节骨架
- 这是什么项目(3 句话)
- 30 秒现状(指向体检脚本 + 健康判读)
- 文档地图与阅读顺序(上下文经济学:明确哪些文档别整读)
- 硬性纪律红线(凭据零暴露 / 备份命名法 / 操作白名单 / 登记义务)
- 常用操作配方(可复制命令块)
- 实施轮 checklist 模板
- 代码地图(按函数/模块名锚点,不写行号)
- 日志事件字典
- 陷阱清单(本项目特有坑)
生成可视化
python3 scripts/gen_visual.py --check 导览.md # 门禁:九节骨架/快照块/新鲜度一致性/凭据扫描
python3 scripts/gen_visual.py --in 导览.md --out 图谱.html --title "XX 项目导览" --meta "快照 2026-10-20 @ <项目repo短commit>"
解析规则(导览按此写,即可被机械生成):
##/###/####→ 思维导图分支层级;同级列表项互为兄弟,段落与代码块是纯叶子-/*列表项 → 叶子(两空格缩进 = 下一层)```flow围栏块 → 流程图,每行一条链:节点A -> 节点B -> 节点C,行首标签:为该链命名(同一块内多条链可各带标签)- 其它代码围栏原样保留为
代码块;围栏未闭合时内容照常投影并 stderr 告警 - 行内
**加粗**/`代码`与表格不渲染、原样投影;一条流程链 ≤6 节点为宜(超宽横向滚动)
输出为单文件 HTML:`/` 折叠树 + CSS 流程行,**零 JS 零外部依赖**,离线可开、打印友好;页头按 `--meta` 快照日期自动渲染 FRESH/AGING/STALE 徽章(STALE 红色警示)。
示例流程: 摸底盘点 -> 配套脚本先行 -> 写导览 -> 生成可视化 -> 登记交付
设计原则
- 双读者:导览给未来 AI 会话(省上下文、可验证),可视化给项目负责人
- 事实三源:只写验证过的;引用不复制;编年史用指针不抄写
- 凭据只有路径与纪律,没有值
- 导览头部放快照块(日期 / 快照 commit / FRESH-AGING-STALE 新鲜度),过期先复核再信
Related Skills
Huashu Md HTML
md/html 双向流水线 · 三个能力一站式:万物→md / md→精美html / html→md。封装 markitdown + Pandoc + html-to-markdown + trafilatura。4
Svelte Markdown
📝 Markdown and HTML renderer for Svelte 5 — built for streaming AI agent output from Claude Code, ChatGPT, an
AutoSearch
new Self-evolving deep research plugin for Claude Code -- 32 dedicated search channels (arXiv, GitHub, Reddit,
Foreign Academic Translator Skill
一款适用于Trae / Codex / Claude Code的,可供中外合办 / 外文文献的AI Agent Skill,把外语学案(英/法等)精准翻译成中文并一键导出 HTML/Word/Markdown ,内置 7
Video To Text
Turns YouTube and Twitter/X videos into readable articles (PT-BR + English) — local transcription via Whisper,
Doc Search MCP
Local MCP server that indexes PDFs, EPUBs, HTML, Markdown and text files and makes them searchable by LLM codi
Related Agents
HTML Show
将 Markdown 文档转为 HTML Preview,支持交互原型、流程图、状态图与能力矩阵。
Page Writer Sonnet
Writes a long file from a short brief — the board, a chewed plan page, a status document, an explainer, a draf
Report Preview
Renders a finished markdown research report as one offline HTML file. Spawned by block-research when the task