Back to Skills

nav-onboard

alekspetrov
Updated Today
60 views
47
3
47
View on GitHub
Metageneral

About

The nav-onboard skill provides an interactive, hands-on tutorial for learning Navigator by completing actual tasks. It auto-invokes when users ask for onboarding help with phrases like "teach me Navigator" or "how do I use Navigator." The skill focuses on practical workflows rather than documentation and includes completion tracking to avoid redundant invocations.

Documentation

Navigator Onboarding Skill

Interactive, hands-on learning experience for Navigator. Users complete actual tasks to learn workflows, not just read documentation.

When to Invoke

Invoke this skill when the user:

  • Says "onboard me", "teach me Navigator"
  • Says "how do I use Navigator", "Navigator tutorial"
  • Says "learn Navigator", "new to Navigator"
  • Asks "what skills should I use"
  • Says "help me get started with Navigator"
  • First time using Navigator after init

DO NOT invoke if:

  • User is asking about a specific skill (invoke that skill instead)
  • User already completed onboarding (.agent/onboarding/.completed exists)
  • User explicitly asks to skip onboarding

Two Learning Flows

Quick Start (~15 min)

For users who want to be productive fast:

  • 4 essential skills with hands-on practice
  • Generates personalized workflow guide
  • Minimal philosophy, maximum doing

Full Education (~45 min)

For users who want comprehensive understanding:

  • Philosophy primer (context efficiency principles)
  • All 5 essential skills with practice
  • Project-specific development skills
  • Complete workflow mastery

Execution Steps

Step 1: Check Previous Onboarding

if [ -f ".agent/onboarding/.completed" ]; then
  echo "COMPLETED"
else
  echo "NOT_COMPLETED"
fi

If completed: Ask if user wants to re-do onboarding or just view their workflow guide.

Step 2: Analyze Project

Run project analyzer to detect tech stack:

python3 skills/nav-onboard/functions/project_analyzer.py

Output structure:

{
  "project_name": "my-app",
  "project_type": "fullstack",
  "frontend_framework": "Next.js",
  "backend_framework": "Express",
  "database": "PostgreSQL",
  "testing_framework": "Jest",
  "has_navigator": true
}

Step 3: Generate Skill Recommendations

Run skill recommender based on project analysis:

python3 skills/nav-onboard/functions/skill_recommender.py

Output structure:

{
  "essential_skills": ["nav-start", "nav-marker", "nav-task", "nav-sop", "nav-compact"],
  "recommended_skills": ["frontend-component", "backend-endpoint"],
  "optional_skills": ["visual-regression", "product-design"],
  "workflow_order": ["nav-start", "nav-task", "frontend-component", "nav-sop", "nav-marker", "nav-compact"]
}

Step 4: Present Flow Choice

Show detection results and ask user to choose flow:

Navigator Onboarding

I've analyzed your project:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Project: [project_name]
Type: [project_type]
Stack: [tech_stack]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Based on your project, I recommend these skills:

Essential (all projects):
  1. nav-start     - Start sessions efficiently
  2. nav-marker    - Save progress checkpoints
  3. nav-task      - Document what you build
  4. nav-sop       - Capture solutions for reuse
  5. nav-compact   - Clear context without losing work

For your [project_type] project:
  6. [recommended_skill_1] - [description]
  7. [recommended_skill_2] - [description]

Choose your learning path:

[Q] Quick Start (~15 min)
    Learn 4 essential skills with hands-on practice
    Get productive immediately

[F] Full Education (~45 min)
    Complete Navigator mastery
    Philosophy + all relevant skills + practice

Your choice [Q/F]:

Step 5: Initialize Progress Tracking

Create onboarding directory and progress file:

mkdir -p .agent/onboarding
# Run progress_tracker.py init
python3 skills/nav-onboard/functions/progress_tracker.py init [flow_type] [project_type]

Creates .agent/onboarding/PROGRESS.md:

# Navigator Onboarding Progress

**Started**: [date]
**Flow**: Quick Start | Full Education
**Project**: [name] ([type])

---

## Essential Skills

| # | Skill | Status | Completed | Notes |
|---|-------|--------|-----------|-------|
| 1 | nav-start | pending | - | - |
| 2 | nav-marker | pending | - | - |
| 3 | nav-task | pending | - | - |
| 4 | nav-sop | pending | - | - |
| 5 | nav-compact | pending | - | - |

## Development Skills

| # | Skill | Status | Completed | Notes |
|---|-------|--------|-----------|-------|
| 6 | [skill] | pending | - | - |

---

**Progress**: 0/[total] (0%)
**Next Task**: nav-start

*Last Updated: [timestamp]*

Step 6: Execute Learning Tasks

For each skill in the curriculum, follow this pattern:

6.1: Present Task

Read the learning task file and present to user:

cat skills/nav-onboard/learning-tasks/[task-file].md

Present in this format:

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TASK [N]/[TOTAL]: [Skill Name]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[Task description and context]

DO THIS NOW:
━━━━━━━━━━━
Type: "[exact command to type]"

WHAT SHOULD HAPPEN:
━━━━━━━━━━━━━━━━━━━
[Expected output description]

Ready? Type the command above, then say "done" when complete.

6.2: Wait for User Action

User types the command (e.g., "Start my Navigator session").

The relevant skill executes automatically.

User says "done" or similar when ready to continue.

6.3: Validate Completion

Run task validator:

python3 skills/nav-onboard/functions/task_validator.py [skill_name]

Validation checks per skill:

  • nav-start: User confirmation (session displayed)
  • nav-marker: File exists in .agent/.context-markers/
  • nav-task: File exists in .agent/tasks/
  • nav-sop: File exists in .agent/sops/
  • nav-compact: .active file exists in .context-markers/

6.4: Update Progress

python3 skills/nav-onboard/functions/progress_tracker.py update [skill_name] completed "[notes]"

6.5: Show Progress and Continue

✅ Task Complete: [skill_name]

Progress: [N]/[TOTAL] ([percentage]%)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[progress bar visualization]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PRO TIP:
[Skill-specific best practice]

Next up: [next_skill_name]

Continue? [Y/n]

Step 7: Generate Personalized Workflow

After all tasks complete, generate workflow guide:

python3 skills/nav-onboard/functions/workflow_generator.py

Creates .agent/onboarding/MY-WORKFLOW.md with:

  • Project-specific workflow diagram
  • Daily workflow checklist
  • Quick reference table with all skill triggers
  • Best practices for user's stack

Step 8: Completion Summary

Mark onboarding complete and show summary:

touch .agent/onboarding/.completed
echo "[date]" > .agent/onboarding/.completed
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎉 NAVIGATOR ONBOARDING COMPLETE!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

You've learned:
✅ nav-start     - Start sessions efficiently
✅ nav-marker    - Save progress checkpoints
✅ nav-task      - Document implementations
✅ nav-sop       - Capture solutions
✅ nav-compact   - Manage context
✅ [dev skills]  - Build [project_type] features

Your personalized workflow:
📄 .agent/onboarding/MY-WORKFLOW.md

Quick Reference:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
| Action              | Say This                         |
|---------------------|----------------------------------|
| Start session       | "Start my Navigator session"     |
| Save progress       | "Create checkpoint [name]"       |
| Document feature    | "Create task doc for [feature]"  |
| Capture solution    | "Create SOP for [issue]"         |
| Clear context       | "Clear context and preserve"     |
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

What's Next?
1. Start your first real session: "Start my Navigator session"
2. Keep MY-WORKFLOW.md open as reference
3. Create markers before breaks
4. Document what you build

Happy coding! 🚀

Learning Tasks Reference

Essential Skills (All Projects)

OrderSkillTask FileWhat User DoesValidation
1nav-start01-nav-start.md"Start my Navigator session"Session summary displayed
2nav-marker02-nav-marker.md"Create checkpoint learning-test"File in .context-markers/
3nav-task03-nav-task.md"Create task doc for learning-feature"File in .agent/tasks/
4nav-sop04-nav-sop.md"Create SOP for learning-debugging"File in .agent/sops/
5nav-compact05-nav-compact.md"Clear context and preserve markers".active file created

Development Skills (Project-Specific)

Project TypeSkillTask File
Frontendfrontend-component06-frontend-component.md
Frontendfrontend-test07-frontend-test.md
Backendbackend-endpoint06-backend-endpoint.md
Backendbackend-test07-backend-test.md
FullstackBoth frontend + backend skillsSequential

Quick Start Curriculum

Tasks 1-4 only:

  1. nav-start (3 min)
  2. nav-marker (3 min)
  3. nav-task (4 min)
  4. One dev skill matching project (5 min)

Total: ~15 minutes

Full Education Curriculum

Part 1: Philosophy (5 min)

  • Read .agent/philosophy/CONTEXT-EFFICIENCY.md
  • Understand why Navigator exists
  • Key principle: load what you need, when you need it

Part 2: Session Management (10 min)

  • Task 1: nav-start
  • Task 2: nav-marker
  • Task 5: nav-compact

Part 3: Documentation (10 min)

  • Task 3: nav-task
  • Task 4: nav-sop

Part 4: Development Skills (15-20 min)

  • Project-specific skills
  • Hands-on practice with real components/endpoints

Part 5: Summary (5 min)

  • Generate MY-WORKFLOW.md
  • Review quick reference
  • Next steps

Total: ~45 minutes

Predefined Functions

project_analyzer.py

Extends nav-init/functions/project_detector.py with:

  • Project type classification (frontend/backend/fullstack)
  • Database detection
  • Testing framework detection
  • Navigator status check

skill_recommender.py

Maps project analysis to skill recommendations:

  • Essential skills (always included)
  • Recommended skills (based on project type)
  • Optional skills (advanced features)
  • Workflow order (suggested sequence)

progress_tracker.py

Manages .agent/onboarding/PROGRESS.md:

  • Initialize progress file
  • Update task status
  • Calculate completion percentage
  • Determine next task

task_validator.py

Validates task completion:

  • File existence checks
  • Content validation
  • User confirmation prompts

workflow_generator.py

Generates .agent/onboarding/MY-WORKFLOW.md:

  • Project-specific workflow
  • Daily checklist
  • Quick reference table
  • Best practices

Error Handling

Navigator Not Initialized

⚠️  Navigator not initialized in this project.

Run nav-init first, then come back to onboarding.

Would you like to initialize Navigator now? [Y/n]

Task Validation Failed

⚠️  Couldn't verify task completion.

Expected: [what should exist]
Found: [what was found]

Options:
1. Retry the task
2. Skip this task
3. Mark as complete anyway

Your choice [1-3]:

User Wants to Skip

Skipping [skill_name].

Note: You can always learn this skill later by saying:
"Teach me [skill_name]"

Continuing to next task...

Success Criteria

Onboarding is successful when:

  • User completed at least 3 essential skill tasks
  • .agent/onboarding/PROGRESS.md shows progress
  • .agent/onboarding/MY-WORKFLOW.md generated
  • .agent/onboarding/.completed marker created
  • User knows how to start sessions and save progress

Notes

  • Real files created during onboarding (not sandboxed)
  • Files created can be deleted later if unwanted
  • Progress persists across sessions
  • Can re-run onboarding anytime (asks to overwrite)
  • Learning tasks designed for 3-5 minutes each

Quick Install

/plugin add https://github.com/alekspetrov/navigator/tree/main/nav-onboard

Copy and paste this command in Claude Code to install this skill

GitHub 仓库

alekspetrov/navigator
Path: skills/nav-onboard

Related Skills

subagent-driven-development

Development

This skill executes implementation plans by dispatching a fresh subagent for each independent task, with code review between tasks. It enables fast iteration while maintaining quality gates through this review process. Use it when working on mostly independent tasks within the same session to ensure continuous progress with built-in quality checks.

View skill

algorithmic-art

Meta

This Claude Skill creates original algorithmic art using p5.js with seeded randomness and interactive parameters. It generates .md files for algorithmic philosophies, plus .html and .js files for interactive generative art implementations. Use it when developers need to create flow fields, particle systems, or other computational art while avoiding copyright issues.

View skill

executing-plans

Design

Use the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.

View skill

cost-optimization

Other

This Claude Skill helps developers optimize cloud costs through resource rightsizing, tagging strategies, and spending analysis. It provides a framework for reducing cloud expenses and implementing cost governance across AWS, Azure, and GCP. Use it when you need to analyze infrastructure costs, right-size resources, or meet budget constraints.

View skill