[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"pack-detail-claude-code-onboarding-30min-zh":3,"seo:pack:claude-code-onboarding-30min:zh":98},{"code":4,"message":5,"data":6},200,"操作成功",{"pack":7},{"slug":8,"icon":9,"tone":10,"status":11,"status_label":12,"title":13,"description":14,"items":15,"install_cmd":97},"claude-code-onboarding-30min","🚀","#D97757","new","本周新建","Claude Code 30 分钟新手包","刚装好 Claude Code 就想午饭前出活的开发者，这十个就是顺序：CLAUDE.md 项目配置 \u002F 资产目录 \u002F hooks \u002F subagent \u002F GitHub MCP \u002F 常用 slash 命令 — 按推荐安装顺序排列。",[16,28,38,45,55,62,69,76,83,90],{"id":17,"uuid":18,"slug":19,"title":20,"description":21,"author_name":22,"view_count":23,"vote_count":24,"lang_type":25,"type":26,"type_label":27},813,"b152c845-95bc-493e-af27-b7f882e8896b","claude-code-claude-md-best-practices-template-b152c845","Claude Code CLAUDE.md — Best Practices Template","Production-tested CLAUDE.md template for Claude Code projects. Covers coding conventions, test requirements, git workflow, and project-specific AI instructions.","Skill Factory",247,0,"en","skill","Skill",{"id":29,"uuid":30,"slug":31,"title":32,"description":33,"author_name":34,"view_count":35,"vote_count":24,"lang_type":25,"type":36,"type_label":37},33,"1cf2f5bc-ce0e-4242-ab2f-34ad488b478e","claude-code-templates-600-agents-commands-mcps-1cf2f5bc","Claude Code Templates — 600+ Agents, Commands & MCPs","Ready-to-use Claude Code configurations: 600+ agents, 200+ commands, 55+ MCPs, and project templates. Install any template with one command.","TokRepo精选",556,"config","Config",{"id":39,"uuid":40,"slug":41,"title":42,"description":43,"author_name":22,"view_count":44,"vote_count":24,"lang_type":25,"type":26,"type_label":27},40,"f49216f0-fc5b-4913-b78b-b07c2cbc2deb","awesome-claude-code-ecosystem-directory-f49216f0","Awesome Claude Code — Ecosystem Directory","Curated directory of Claude Code skills, agents, plugins, hooks, slash commands, and CLAUDE.md files. The definitive resource for Claude Code users.",126,{"id":46,"uuid":47,"slug":48,"title":49,"description":50,"author_name":51,"view_count":52,"vote_count":24,"lang_type":25,"type":53,"type_label":54},393,"679a2650-b97b-4e8e-af6e-b51bafcbf610","github-mcp-server-official-github-ai-integration-679a2650","GitHub MCP Server — Official GitHub AI Integration","GitHub's official MCP server that lets AI assistants manage repos, issues, PRs, Actions, and code search through the Model Context Protocol.","GitHub",186,"mcp","MCP",{"id":56,"uuid":57,"slug":58,"title":59,"description":60,"author_name":22,"view_count":61,"vote_count":24,"lang_type":25,"type":26,"type_label":27},825,"ba645a85-3df0-40ab-8c75-15aec5c8a2af","claude-code-hooks-automate-pre-post-task-actions-ba645a85","Claude Code Hooks — Automate Pre\u002FPost Task Actions","Complete guide to Claude Code hooks for automating actions before and after tool calls. Set up linting, testing, notifications, and custom validation with shell commands.",242,{"id":63,"uuid":64,"slug":65,"title":66,"description":67,"author_name":22,"view_count":68,"vote_count":24,"lang_type":25,"type":26,"type_label":27},2273,"1304ff4c-1890-40b4-aa89-ca2963a90d67","code-simplifier-anthropic-official-cleanup-subagent-1304ff4c","code-simplifier — Anthropic Official Cleanup Subagent","Anthropic's open-source post-task cleanup agent that Boris Cherny runs after every Claude Code session. Refactors for clarity without changing behavior.",199,{"id":70,"uuid":71,"slug":72,"title":73,"description":74,"author_name":22,"view_count":75,"vote_count":24,"lang_type":25,"type":26,"type_label":27},2274,"203ea157-a7c6-48fd-9d0d-4bb185bbb6d5","verify-app-e2e-test-subagent-for-claude-code-203ea157","verify-app — E2E Test Subagent for Claude Code","Open-source Claude Code subagent that runs end-to-end tests on recent changes and triages failures. Inspired by Boris Cherny's verify-app setup.",210,{"id":77,"uuid":78,"slug":79,"title":80,"description":81,"author_name":22,"view_count":82,"vote_count":24,"lang_type":25,"type":26,"type_label":27},43,"d004b554-0c29-498b-9f30-b23105c95473","claude-code-agent-code-reviewer-automated-pr-review-d004b554","Claude Code Agent: Code Reviewer — Automated PR Review","Claude Code agent for comprehensive code reviews. Checks security, performance, maintainability, and best practices. Install with one command.",153,{"id":84,"uuid":85,"slug":86,"title":87,"description":88,"author_name":22,"view_count":89,"vote_count":24,"lang_type":25,"type":26,"type_label":27},2279,"91a8fec2-f8b4-42c7-a8c1-4a51240a0781","commit-push-pr-one-shot-slash-command-91a8fec2","\u002Fcommit-push-pr — One-Shot Commit + Push + PR Slash Command","Open-source slash command that runs git status, commits, pushes, and opens a PR in one shot. Inspired by Boris Cherny's \u002Fcommit-push-pr setup.",264,{"id":91,"uuid":92,"slug":93,"title":94,"description":95,"author_name":22,"view_count":96,"vote_count":24,"lang_type":25,"type":26,"type_label":27},3237,"2fa75c0b-e7d5-4f70-acce-61d7cd5e064c","claude-skill-factory-build-install-claude-code-skills","Claude Skill Factory — Build & Install Claude Code Skills","Claude Skill Factory ships ready-made skills and slash commands to build, validate, and install Claude Code skills as repeatable team assets.",97,"tokrepo install pack\u002Fclaude-code-onboarding-30min",{"pageType":99,"pageKey":8,"locale":100,"title":101,"metaDescription":102,"h1":103,"tldr":104,"bodyMarkdown":105,"faq":106,"schema":122,"internalLinks":128,"citations":141,"wordCount":154,"generatedAt":155},"pack","zh","Claude Code 30 分钟新手包 — 第一批必装的 10 个 skill","刚装好 Claude Code 不知道装啥？十个带主观推荐顺序的资产：CLAUDE.md 模板、600+ 资产目录、GitHub MCP、hooks、两个 subagent、code reviewer、\u002Fcommit-push-pr、skill factory。按顺序装完，午饭前就能干活。","Claude Code 30 分钟新手包 — 第一小时配齐","十个资产按精心安排的顺序：先项目记忆，再资产目录（不再瞎搜），再 GitHub 接入，再自动化护栏，再两个 subagent，再 code reviewer，再每天高频用的 slash 命令，最后用 skill factory 学会自己造。跳过 700 个 skill 的浏览选择困难，照单装完直接开干。","## 这个 pack 包含什么\n\n刚跑完 `npm i -g @anthropic-ai\u002Fclaude-code`，按了 `\u002Finit`，然后对着空白 session 发愣 — 不知道装啥。marketplace 700+ 条目，Reddit 各说各话。你不想花周六慢慢淘 — 你要的是**那个能让你午饭前开干的精选短清单**。\n\n这个 pack 就是：**十个资产，按安装顺序排**，依次解决每个 Claude Code 新手真会踩的前十个问题。不讲高级多 agent 编排，不讲小众语言专属。只有那些枯燥但奠基的基础设施 — 装好了，后面每装一个 skill 都能加倍受益。\n\n目标读者：有一个能用的终端，一个真实的代码仓库，零耐心浏览选择。装完第 10 个，你会有项目记忆、精选资产目录、接通的 GitHub、三个在跑的 agent、自动化 hooks、一键 commit-push-PR 流程，外加自己造 skill 的能力。\n\n## 推荐安装顺序\n\n1. **CLAUDE.md 最佳实践模板** — 你能为 Claude Code 写的杠杆最高的一个文件。放在项目根目录，Claude 每个 session 自动读：技术栈、规范、**不能动**的东西。没有它，每个 session 都从零开始，同一个纠正你要说一辈子。**5 分钟填完，每周省好几小时。**\n2. **Claude Code Templates — 600+ Agents \u002F Commands \u002F MCPs** — 一个可浏览的精选目录，不用再去 grep marketplace。这是你接下来 6 个月的参考索引。先扫一遍，把和你技术栈匹配的分类收藏起来，要用的时候再回来翻。\n3. **Awesome Claude Code — 生态指南** — 社区维护的权威清单：插件、集成、最佳实践。和 #2 互补：Templates 是**资产**（直接装的东西），Awesome 是**上下文**（值得知道的人和事，博客、talk、工具）。README 看一遍即可。\n4. **GitHub MCP Server** — 把 Claude Code 接到 GitHub。这样 `claude` 能读 PR、提 issue、在 diff 上评论、看 CI 状态，不用你来回切窗口。这是绝大多数开发者使用频率最高的 MCP，先装它，再装小众的。\n5. **Claude Code Hooks — Pre\u002FPost Task Actions** — 早早锁死安全 + 自动化。改动落地前跑 linter。Claude 改文件后自动跑测试。挡住 `\u002Fvendor\u002F` 的写入。**现在**就把 hooks 框架搭起来，等真出事再补就晚了。\n6. **code-simplifier — Anthropic 官方清理 subagent** — 你的第一个 subagent。Anthropic 官方出品。任何一次 Claude 写了 >100 行的 session 后，叫一下 `code-simplifier`，它会把刚改过的文件做一遍**不改变行为**的可读性重构。那种你永远不会手动做的清理。\n7. **verify-app — E2E 测试 subagent** — 你的第二个 subagent。改动后跑冒烟测试，避免发个明显坏的东西。Boris Cherny 公开 demo 中那个 verification 步骤的社区等价实现。和 #5 配合（hooks 可以自动触发它）。\n8. **Claude Code Agent: Code Reviewer** — 自动 PR 审查。当你装好了 GitHub MCP（#4），这个 agent 能读 diff，输出结构化的 review。把那些明显的问题先扫掉，让真人 reviewer 集中看架构。\n9. **\u002Fcommit-push-pr — 一键提交+推送+开 PR** — 你每天会用 20+ 次的 slash 命令。一条命令：stage、写 conventional commit message、push、开 PR。装上之后，你会忘了以前是怎么活下来的。\n10. **Claude Skill Factory — 自己造 Claude Code Skill** — 毕业仪式。你已经用了 9 个别人写的 skill，这个教你**自己写**。项目专属的 skill 才是 Claude Code 从「能用」升级到「我的私人高级工程师」的分水岭。\n\n## 它们怎么协同\n\n```\nCLAUDE.md (#1)\n   │\n   └─ 项目记忆，每个 session 自动读\n         │\n资产目录: Templates (#2) + Awesome (#3)\n   │\n   └─ 浏览代替瞎猜\n         │\nGitHub MCP (#4)\n   │\n   └─ Claude 和你的 repo \u002F PR \u002F issue \u002F CI 对话\n         │\nHooks (#5)\n   │\n   ├─ pre-edit: lint, format\n   └─ post-edit: 触发 verify-app, 跑测试\n         │\nSubagents: code-simplifier (#6) + verify-app (#7)\n   │\n   ├─ 大改后的清理\n   └─ 任何改动后的冒烟测试\n         │\nCode Reviewer agent (#8)\n   │\n   └─ 结构化 PR review，靠 GitHub MCP 取数据\n         │\n\u002Fcommit-push-pr (#9)\n   │\n   └─ 日常主力：stage → commit → push → PR\n         │\nSkill Factory (#10) — 然后开始自己造。\n```\n\n**CLAUDE.md + Hooks + GitHub MCP** 这三件套是承重墙。没有这三个，其他都是装饰。如果你只有 10 分钟，装 #1、#4、#5 就停。\n\n## 你会遇到的取舍\n\n- **Templates (#2) vs Awesome (#3)** — 有重叠。Templates 是**可装的**资产索引（从里面 install）。Awesome 是**阅读清单**（博客、talk、生态上下文）。先装 Templates，把 Awesome 收藏起来每月翻一次看看新东西。\n- **code-simplifier vs Code Reviewer** — 都是「清理代码」，但阶段不同。code-simplifier 在**开发中**对 Claude 刚改过的文件跑（风格、可读性）。Code Reviewer 对**完成的 diff** 在合并前跑（架构、正确性）。两个都跑 — 抓的是不同 bug。\n- **Hooks vs subagents** — Hooks 是**确定性 shell 命令**（便宜、快、不烧 LLM）。Subagents 是**LLM 驱动的专家**（聪明、慢、烧 token）。用 hooks 做「编辑后永远跑一遍 prettier」；用 subagent 做「审查这个 PR 的架构」。**别让 hooks 干 LLM 的活** — 延迟会让你哭。\n- **GitHub MCP vs `gh` CLI** — 都能读 PR 和 issue。MCP 给 Claude **结构化访问**（带类型的响应，不用 parse shell）。`gh` 你自己在终端里更快。两个都装；让 Claude 用 MCP，你用 `gh`。\n\n## 常见踩坑\n\n- **CLAUDE.md 写太长** — 30-100 行是黄金区间。有人把整份架构文档 paste 进去，每轮 burn 4K token。要简：技术栈、命令、规范、硬性禁忌。\n- **觉得 hooks 枯燥就跳过** — 它就是枯燥。还是要装。哪天 Claude 把 `package-lock.json` 重写了你没 pre-edit 拦截，你会后悔。\n- **一次装 50 个 subagent** — 从本 pack 这两个起步（#6, #7）。subagent 越多 = Claude 要扫的上下文越多才能挑对 = 路由越慢越蠢。遇到真实工作流缺口再加。\n- **忘了 `~\u002F.claude\u002FCLAUDE.md` 这层** — 还有一个全局 CLAUDE.md（跨所有项目的个人偏好）。别把个人风格偏好塞进项目级 CLAUDE.md — 那些放全局。\n- **把 Skill Factory (#10) 当成可选** — 它才是放大器。自己写的第一个 skill（哪怕很小）会让你理解整个系统怎么思考。别因为「marketplace skill 应该都有」就跳过。",[107,110,113,116,119],{"q":108,"a":109},"用 Claude Code 真的要先装 10 样东西？","不是 — Claude Code 开箱即用没问题。这个 pack 是给你**之后**那一刻准备的：当你发现自己每个 session 都在重复自己、记不住哪个 marketplace skill 干啥、想把那层枯燥的基础设施一次配齐再也不管。如果你还在「先在 chat 框里玩一小时」阶段，直接裸用。等你第三次冒出「这玩意儿早配好就好了」的念头时再回来。",{"q":111,"a":112},"只有 10 分钟的话，先装哪三个？","CLAUDE.md (#1)、GitHub MCP (#4)、Hooks (#5)。CLAUDE.md 给 Claude 项目记忆；GitHub MCP 接到你工作真正发生的地方；Hooks 在你能搞坏任何东西之前先锁死基本护栏。剩下七个可以接下来一周慢慢加。这三个是性价比最高的最小可用配置。",{"q":114,"a":115},"为啥要同时装 code-simplifier 和 code-reviewer？不重复吗？","干的是不同活。code-simplifier (#6) 在**开发中**跑 Claude 刚改过的文件 — 抛光风格和可读性。Code Reviewer (#8) 在合并前跑**完成的 diff** — 抓架构问题、缺测试、安全隐患。想成「文字编辑」vs「主管」。两个都便宜跑得起；两个抓的都是对方漏掉的 bug。",{"q":117,"a":118},"如果我反正用 TokRepo 浏览资产，那 Claude Code Templates (#2) 是不是多余？","好问题。Templates (#2) 是个**能直接接到 Claude Code 里的 CLI 可装目录** — `claude` 在 session 内就能搜它。TokRepo 的网页 UI 是你**装之前**的浏览层；Templates 是 agent 自己能查的**装之后**的注册表。大多数人两个都用：TokRepo 用来发现，Templates 当 agent 自己能查的在线注册表。",{"q":120,"a":121},"这套在 Windows \u002F WSL 上能用吗？","基本可以。CLAUDE.md、hooks、subagent、slash 命令全是 `.claude\u002F` 目录下的文件 — 完全跨平台。GitHub MCP 走 stdio 进程，在 WSL2 下顺畅。两个要注意的地方：基于 shell 的 hook 需要有 bash\u002Fzsh（用 WSL2 不用原生 PowerShell）；`\u002Fcommit-push-pr` 假设 `git` 和 `gh` 在 PATH 里。早点测一下 slash 命令；如果失败，装 `gh`（`winget install GitHub.cli`）再跑。",{"@context":123,"@type":124,"name":13,"description":125,"numberOfItems":126,"inLanguage":127},"https:\u002F\u002Fschema.org","ItemList","十个 Claude Code 新手第一个 30 分钟里应该按顺序装上的资产。",10,"zh-CN",[129,133,137],{"url":130,"anchor":131,"reason":132},"\u002Fzh\u002Ffeatured","TokRepo 精选资产","装完新手包后，可以浏览更大的精选目录",{"url":134,"anchor":135,"reason":136},"\u002Fzh\u002Ftopics","浏览其他主题 pack","相邻 pack：Boris Cherny 文件夹、Claude Code 子代理精选、MCP 服务器全家桶",{"url":138,"anchor":139,"reason":140},"\u002Fzh\u002Fai-tools-for\u002Fcoding","AI 编码工具","看看 Claude Code 和 Cursor \u002F Codex CLI 等编码 agent 的对比",[142,146,150],{"claim":143,"source_name":144,"source_url":145},"Claude Code 会从项目根目录及上级目录读 CLAUDE.md","Anthropic Claude Code 官方文档","https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fclaude-code",{"claim":147,"source_name":148,"source_url":149},"code-simplifier 是 Anthropic 官方发布的 subagent","GitHub anthropics\u002Fclaude-code","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-code",{"claim":151,"source_name":152,"source_url":153},"GitHub MCP Server 是 GitHub 官方面向 AI 工具的集成","github\u002Fgithub-mcp-server","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fgithub-mcp-server",1450,"2026-05-22T00:00:00Z"]