一键导入
onboarding-guide
Codebase onboarding guide. Activated when starting a new project analysis, requesting systematic codebase understanding, or running /onboard.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Codebase onboarding guide. Activated when starting a new project analysis, requesting systematic codebase understanding, or running /onboard.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
AGENTS.md authoring patterns. Activated when writing AI agent context files, working with agents.md or AGENTS.md.
Feature-Sliced Design architecture patterns. Activated when working with FSD layers, slices, dependency rules, or structuring frontend code.
Modern React 19+ patterns. Activated when working with state management, Suspense, Compound Components, or React hooks.
React Query server state management patterns. Activated when applying Query Factory, queryOptions, or mutationOptions patterns.
Practical TypeScript patterns. Activated when working with type inference, utility types, generics, type guards, or type narrowing.
Writing readable, maintainable code. Activated when applying naming conventions, function decomposition, or Early Return patterns.
| name | onboarding-guide |
| description | Codebase onboarding guide. Activated when starting a new project analysis, requesting systematic codebase understanding, or running /onboard. |
Systematically understand a new codebase
| Action | Details |
|---|---|
| Identify the problem | What does this project solve? |
| Know the users | B2B, B2C, internal tool? |
| Core features | Top 3 features |
| Tech stack | Check package.json, README |
Key files: README.md, package.json, company Wiki/Confluence
1. Clone repository
2. Install dependencies (npm install, pip install, etc.)
3. Set up env vars (.env.example)
4. Start dev server
5. Test key features manually
Verify: local run, main features work, tests pass, build succeeds
Exploration order:
1. Find entry points
2. Identify main routes/pages
3. Locate core business logic
4. Trace data flow
Strategy: "Follow one feature end-to-end"
Example: Login feature
| Pattern to Identify | What to Look For |
|---|---|
| Architecture | Layer structure, module boundaries |
| State management | Redux, Zustand, Context, React Query |
| API communication | REST, GraphQL, fetch patterns |
| Error handling | Boundaries, try/catch strategy |
| Testing | Unit, integration, E2E approach |
| Naming conventions | Files, components, variables |
Tips: Review recent PRs, find well-written files as benchmarks, use breakpoints for complex logic
Recommended first tasks:
Before contributing: understand branch strategy, PR templates, CI/CD pipeline, code review process
| Command | Description |
|---|---|
/analyze | Full codebase structure analysis |
/architecture | Architecture and design pattern analysis |
/dependencies | External dependency analysis |
/conventions | Code convention analysis |
/onboard | Run full onboarding workflow |
# [Project Name] Onboarding Notes
## Overview
- Purpose:
- Users:
- Core features:
## Tech Stack
- Frontend:
- Backend:
- Database:
- Infrastructure:
## Architecture
[Diagram or description]
## Key Modules
| Module | Location | Role |
|--------|----------|------|
## Domain Terms
| Term | Meaning |
|------|---------|
## Dev Setup
[Local run instructions]
## Common Commands
- Dev:
- Test:
- Build:
## Notes
- [Team-specific rules]
- [Gotchas]