[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"pack-detail-claude-code-onboarding-30min-fr":3,"seo:pack:claude-code-onboarding-30min:fr":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","Nouveau · cette semaine","Démarrage Claude Code en 30 Minutes","Dix choix tranchés pour le dev qui vient d'installer Claude Code et veut être productif avant midi. CLAUDE.md, catalogue, hooks, subagents, GitHub MCP, commandes slash — dans l'ordre d'installation.",[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.",125,{"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.",198,{"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.",262,{"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":25,"title":100,"metaDescription":101,"h1":102,"tldr":103,"bodyMarkdown":104,"faq":105,"schema":121,"internalLinks":127,"citations":140,"wordCount":153,"generatedAt":154},"pack","Claude Code 30-Minute Onboarding — 10 Skills to Install First","Just installed Claude Code? Ten opinionated picks — CLAUDE.md template, the 600+ catalog, GitHub MCP, hooks, two subagents, a code-reviewer, \u002Fcommit-push-pr, and a skill factory. Install in this order and you're productive by lunch.","Claude Code 30-Minute Onboarding — A First-Hour Starter Pack","Ten assets in a deliberate order: project memory first, then a catalog so you stop searching blindly, then the GitHub plug, then automation guardrails, then two subagents, a reviewer, the most-used slash command, and finally the skill factory so you can build your own. Skip the 700-skill browse — install these and start working.","## What's in this pack\n\nYou just ran `npm i -g @anthropic-ai\u002Fclaude-code`, hit `\u002Finit`, and now you're staring at an empty session wondering what to install. Skill marketplaces show 700+ entries. Reddit threads disagree. You don't want to spend Saturday spelunking — you want the **opinionated short list** that gets you productive before lunch.\n\nThis pack is exactly that: **ten picks**, in **install order**, that solve the first ten problems every new Claude Code user actually hits. No advanced multi-agent orchestration. No niche language-specific stuff. Just the boring infrastructure that lets every subsequent install pay off.\n\nWho this is for: a developer with a working terminal, a real codebase, and zero patience for browsing. By the time you finish step 10, you'll have project memory, a curated catalog, a connected GitHub, three running agents, automation hooks, a one-keystroke commit-push-PR flow, and the ability to author your own skills.\n\n## Install in this order\n\n1. **CLAUDE.md — Best Practices Template** — The single highest-leverage file you'll ever write for Claude Code. Drop it in your project root and Claude reads it every session: tech stack, conventions, what NOT to touch. Without this, every session starts from zero and you'll repeat the same corrections forever. **5 minutes to fill in. Saves hours every week.**\n2. **Claude Code Templates — 600+ Agents, Commands & MCPs** — A curated catalog you can browse instead of grepping marketplaces. This is your reference index for the next 6 months. Skim it once, bookmark the categories that match your stack, come back when you need something specific.\n3. **Awesome Claude Code — Ecosystem Directory** — The canonical community-maintained list of plugins, integrations, and patterns. Pairs with #2: Templates is *assets*, Awesome is *context* (what's worth knowing about, blog posts, talks, tools). Read the README once.\n4. **GitHub MCP Server** — Connect Claude Code to GitHub. Now `claude` can read PRs, file issues, comment on diffs, and check CI status without you context-switching. This is the single highest-frequency MCP for most devs; install it before any niche ones.\n5. **Claude Code Hooks — Pre\u002FPost Task Actions** — Lock in safety + automation early. Run a linter before edits land. Auto-test after Claude touches a file. Block writes to `\u002Fvendor\u002F`. Set up the hooks scaffold now, before you have a real incident — retrofitting is annoying.\n6. **code-simplifier — Anthropic-Official Cleanup Subagent** — Your first subagent. Anthropic ships it. After any session where Claude wrote >100 lines, invoke `code-simplifier` and it refactors recently-touched files for clarity without changing behavior. The cleanup pass you'd never bother to do manually.\n7. **verify-app — E2E Test Subagent** — Your second subagent. Runs smoke tests after a change so you don't ship something obviously broken. The community equivalent of the verification step Boris Cherny demos publicly. Pairs with #5 (hooks can auto-trigger it).\n8. **Claude Code Agent: Code Reviewer** — Automated PR review. Once you have GitHub MCP (#4) connected, this agent can read a diff and produce a structured review. Catches the obvious stuff so human reviewers focus on architecture.\n9. **\u002Fcommit-push-pr — One-Shot Commit + Push + PR** — The slash command you'll use 20+ times a day. One command: stages, writes a conventional commit message, pushes, opens a PR. Install it; you'll forget how you lived without it.\n10. **Claude Skill Factory — Build & Install Claude Code Skills** — The graduation step. You've now used 9 skills others wrote — this is how you write your own. Project-specific skills are where Claude Code goes from \"helpful\" to \"my personal senior engineer.\"\n\n## How they fit together\n\n```\nCLAUDE.md (#1)\n   │\n   └─ project memory, read every session\n         │\nCatalog: Templates (#2) + Awesome (#3)\n   │\n   └─ browse instead of guess\n         │\nGitHub MCP (#4)\n   │\n   └─ Claude talks to your repo, PRs, issues, CI\n         │\nHooks (#5)\n   │\n   ├─ pre-edit: lint, format\n   └─ post-edit: trigger verify-app, run tests\n         │\nSubagents: code-simplifier (#6) + verify-app (#7)\n   │\n   ├─ cleanup pass after big edits\n   └─ smoke tests after any change\n         │\nCode Reviewer agent (#8)\n   │\n   └─ structured PR review, leans on GitHub MCP\n         │\n\u002Fcommit-push-pr (#9)\n   │\n   └─ daily driver: stage → commit → push → PR\n         │\nSkill Factory (#10) — now build your own.\n```\n\nThe **CLAUDE.md + Hooks + GitHub MCP** trio is the load-bearing wall. Everything else is decoration without those three. If you only have 10 minutes, install #1, #4, #5 and stop there.\n\n## Tradeoffs you'll hit\n\n- **Templates (#2) vs Awesome (#3)** — They overlap. Templates is a *runnable* asset index (you install from it). Awesome is a *reading list* (blog posts, talks, ecosystem context). Install Templates first; bookmark Awesome and come back monthly when you want to see what's new.\n- **code-simplifier vs Code Reviewer** — Both \"clean up code,\" but at different stages. code-simplifier runs *during development* on files Claude just touched (style\u002Fclarity). Code Reviewer runs on a *finished diff* before merge (architecture\u002Fcorrectness). Run both — they catch different bugs.\n- **Hooks vs subagents** — Hooks are *deterministic shell commands* the runtime triggers (cheap, fast, no LLM). Subagents are *LLM-powered specialists* you invoke (smart, slow, costs tokens). Use hooks for \"always run prettier after edit\"; use subagents for \"review the architecture of this PR.\" Don't make hooks do LLM work — you'll cry at the latency.\n- **GitHub MCP vs the `gh` CLI** — Both can read PRs and issues. MCP gives Claude *structured access* (typed responses, no shell parsing). `gh` is faster for *you* in the terminal. Install both; let Claude prefer MCP, you prefer `gh`.\n\n## Common pitfalls\n\n- **CLAUDE.md too long** — 30-100 lines is the sweet spot. People paste their entire architecture doc and burn 4K tokens every turn. Keep it terse: stack, commands, conventions, hard NOs.\n- **Skipping hooks because they feel boring** — They are boring. Install them anyway. The day Claude rewrites `package-lock.json` and you have no pre-edit guard, you'll wish you had.\n- **Installing 50 subagents at once** — Start with the two in this pack (#6, #7). More subagents = more context Claude has to scan to pick the right one = slower + dumber routing. Add subagents only when you hit a real workflow gap.\n- **Forgetting `~\u002F.claude\u002FCLAUDE.md` exists** — There's a global CLAUDE.md too (personal preferences across all projects). Don't pollute project-level CLAUDE.md with personal style preferences — put those globally.\n- **Treating Skill Factory (#10) as optional** — It's the multiplier. The first skill you write yourself (even a tiny one) teaches you how the system thinks. Don't skip it because you assume marketplace skills cover everything.",[106,109,112,115,118],{"q":107,"a":108},"Do I really need 10 things just to start using Claude Code?","No — Claude Code works fine out of the box. This pack is for the moment after that, when you realize you're repeating yourself every session, you can't remember which marketplace skill does what, and you want the boring infrastructure layer set up properly once. If you're still in the \"try the chat box for an hour\" phase, just use it raw. Come back when you've hit your third \"I wish I'd configured X earlier\".",{"q":110,"a":111},"Which three would you install if I only have 10 minutes?","CLAUDE.md (#1), GitHub MCP (#4), and Hooks (#5). CLAUDE.md gives Claude project memory; GitHub MCP connects it to where your work lives; Hooks lock in basic guardrails before you can mess anything up. The other seven are upgrades you can add over the next week. These three are the minimum viable setup that punches above its weight.",{"q":113,"a":114},"Why install a code-simplifier AND a code-reviewer? Aren't they the same?","Different jobs. code-simplifier (#6) runs during development on files Claude just edited — it polishes style and clarity. Code Reviewer (#8) runs against a finished diff before merge — it catches architectural issues, missing tests, security smells. Think \"copy editor\" vs \"line manager.\" Both are cheap to run; both catch bugs the other misses.",{"q":116,"a":117},"Is Claude Code Templates (#2) overkill if I'm using TokRepo to browse anyway?","Fair question. Templates (#2) is specifically a CLI-installable catalog you can wire into Claude Code directly — `claude` can search it from inside a session. TokRepo's web UI is your browsing-before-install layer; Templates is your install-from-inside-Claude layer. Most people use both: TokRepo to discover, Templates as the live registry the agent itself can query.",{"q":119,"a":120},"Will this stack work the same way on Windows \u002F WSL?","Mostly yes. CLAUDE.md, hooks, subagents, and slash commands are all just files in `.claude\u002F` — fully cross-platform. GitHub MCP runs as a stdio process and works under WSL2 cleanly. The two places to watch: shell-based hooks need bash\u002Fzsh available (use WSL2, not native PowerShell), and `\u002Fcommit-push-pr` assumes `git` and `gh` are on PATH. Test the slash command early; if it fails, install `gh` (`winget install GitHub.cli`) and re-run.",{"@context":122,"@type":123,"name":124,"description":125,"numberOfItems":126,"inLanguage":25},"https:\u002F\u002Fschema.org","ItemList","Claude Code 30-Minute Onboarding","Ten opinionated picks a brand-new Claude Code user should install in their first 30 minutes, in install order.",10,[128,132,136],{"url":129,"anchor":130,"reason":131},"\u002Fen\u002Ffeatured","Featured assets on TokRepo","After the starter pack, browse the broader curated catalog",{"url":133,"anchor":134,"reason":135},"\u002Fen\u002Ftopics","Browse other topic packs","Adjacent packs include Boris Cherny Files, Claude Code Subagents, MCP Server Stack",{"url":137,"anchor":138,"reason":139},"\u002Fen\u002Fai-tools-for\u002Fcoding","AI tools for coding","See how Claude Code compares to Cursor, Codex CLI, and other coding agents",[141,145,149],{"claim":142,"source_name":143,"source_url":144},"Claude Code reads CLAUDE.md from project root and parent directories","Anthropic Claude Code docs","https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fclaude-code",{"claim":146,"source_name":147,"source_url":148},"code-simplifier is an Anthropic-released subagent","anthropics\u002Fclaude-code on GitHub","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-code",{"claim":150,"source_name":151,"source_url":152},"GitHub MCP Server is the official GitHub integration for AI tools","github\u002Fgithub-mcp-server","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fgithub-mcp-server",1097,"2026-05-22T00:00:00Z"]