|
| 1 | +--- |
| 2 | +title: Skill Tree |
| 3 | +description: Browse skills in a hierarchical taxonomy |
| 4 | +--- |
| 5 | + |
| 6 | +# Skill Tree |
| 7 | + |
| 8 | +Browse and navigate skills organized in a hierarchical taxonomy structure. |
| 9 | + |
| 10 | +## Quick Start |
| 11 | + |
| 12 | +```bash |
| 13 | +# Show full skill tree |
| 14 | +skillkit tree |
| 15 | + |
| 16 | +# Navigate to a category |
| 17 | +skillkit tree Frontend |
| 18 | + |
| 19 | +# Navigate to subcategory |
| 20 | +skillkit tree "Frontend > React" |
| 21 | +``` |
| 22 | + |
| 23 | +## Commands |
| 24 | + |
| 25 | +### Display Tree |
| 26 | + |
| 27 | +```bash |
| 28 | +skillkit tree # Full tree |
| 29 | +skillkit tree Development # Specific category |
| 30 | +skillkit tree --depth 2 # Limit display depth |
| 31 | +``` |
| 32 | + |
| 33 | +### Generate Tree |
| 34 | + |
| 35 | +```bash |
| 36 | +skillkit tree --generate # Generate from skill index |
| 37 | +``` |
| 38 | + |
| 39 | +This builds a hierarchical tree from the skill index based on tags and metadata. |
| 40 | + |
| 41 | +### Export Formats |
| 42 | + |
| 43 | +```bash |
| 44 | +skillkit tree --json # JSON output |
| 45 | +skillkit tree --markdown # Markdown output |
| 46 | +``` |
| 47 | + |
| 48 | +### Statistics |
| 49 | + |
| 50 | +```bash |
| 51 | +skillkit tree --stats |
| 52 | +``` |
| 53 | + |
| 54 | +Output: |
| 55 | + |
| 56 | +``` |
| 57 | +Overview: |
| 58 | + Total Skills: 15,064 |
| 59 | + Categories: 156 |
| 60 | + Max Depth: 4 |
| 61 | +
|
| 62 | +Top-Level Categories: |
| 63 | + Development 4,521 skills (30.0%) |
| 64 | + Frontend (1,245), Backend (1,102), Mobile (456) |
| 65 | + DevOps 2,340 skills (15.5%) |
| 66 | + CI/CD (890), Kubernetes (567), Docker (445) |
| 67 | + AI/ML 1,890 skills (12.5%) |
| 68 | + LLM Integration (756), Agents (445), RAG (312) |
| 69 | +``` |
| 70 | + |
| 71 | +## Categories |
| 72 | + |
| 73 | +The tree organizes skills into 12 top-level categories: |
| 74 | + |
| 75 | +| Category | Description | |
| 76 | +|----------|-------------| |
| 77 | +| Development | General coding, programming patterns | |
| 78 | +| Frontend | React, Vue, Angular, Svelte, UI/UX | |
| 79 | +| Backend | Node.js, Python, Go, APIs, servers | |
| 80 | +| Mobile | React Native, Flutter, iOS, Android | |
| 81 | +| DevOps | CI/CD, Kubernetes, Docker, cloud | |
| 82 | +| Testing | Unit, E2E, integration, TDD | |
| 83 | +| Security | Auth, encryption, vulnerabilities | |
| 84 | +| AI/ML | LLM, agents, RAG, embeddings | |
| 85 | +| Database | SQL, NoSQL, ORM, migrations | |
| 86 | +| Tooling | Linting, formatting, bundling | |
| 87 | +| Documentation | API docs, guides, READMEs | |
| 88 | +| Performance | Optimization, caching, profiling | |
| 89 | + |
| 90 | +## TUI Tree View |
| 91 | + |
| 92 | +In the TUI, press `v` to toggle tree view in the Marketplace: |
| 93 | + |
| 94 | +- **Arrow keys** - Navigate tree |
| 95 | +- **Enter** - Expand category / select skill |
| 96 | +- **←** - Go back / collapse |
| 97 | +- **v** - Toggle list/tree view |
| 98 | + |
| 99 | +## Related Skills Graph |
| 100 | + |
| 101 | +Find skills related to each other: |
| 102 | + |
| 103 | +```typescript |
| 104 | +import { buildSkillGraph, getRelatedSkills } from '@skillkit/core' |
| 105 | + |
| 106 | +const graph = buildSkillGraph(skills) |
| 107 | +const related = getRelatedSkills('react-patterns', graph, skills, { |
| 108 | + limit: 5, |
| 109 | + types: ['similar', 'complementary'] |
| 110 | +}) |
| 111 | +``` |
| 112 | + |
| 113 | +### Relation Types |
| 114 | + |
| 115 | +- **similar** - Shares tags and functionality |
| 116 | +- **complementary** - Works well together |
| 117 | +- **dependency** - Required by other skills |
| 118 | +- **alternative** - Different approach to same problem |
| 119 | + |
| 120 | +## Programmatic API |
| 121 | + |
| 122 | +```typescript |
| 123 | +import { |
| 124 | + TreeGenerator, |
| 125 | + generateSkillTree, |
| 126 | + loadTree, |
| 127 | + saveTree, |
| 128 | + treeToMarkdown |
| 129 | +} from '@skillkit/core' |
| 130 | + |
| 131 | +// Generate tree from skills |
| 132 | +const generator = new TreeGenerator({ maxDepth: 3 }) |
| 133 | +const tree = generator.generateTree(skills) |
| 134 | + |
| 135 | +// Or use the helper function |
| 136 | +const tree = generateSkillTree(skills) |
| 137 | + |
| 138 | +// Save and load |
| 139 | +saveTree(tree, './skill-tree.json') |
| 140 | +const loaded = loadTree('./skill-tree.json') |
| 141 | + |
| 142 | +// Export to markdown |
| 143 | +const markdown = treeToMarkdown(tree) |
| 144 | +``` |
0 commit comments