Skills Graph Visualization

An interactive force-directed graph visualization of Clawdbot's 74 skills and their connections.  - **Interactive Graph**: Force-directed layout with 74 skill nodes and 1600+ connections - **Category Coloring**: Skills colored by category (art:, bot:, fit:, thk:, etc.) - **Search & Filter**: Search by name, description, or keywords; filter by category - **Skill Details**: Click any node to see description, keywords, and content preview - **Highlighting**: Connected nodes and links highlighted on selection 1. **Parsing**: `scripts/parse-skills.js` reads all `SKILL.md` files from `[home-path]` 2. **Extraction**: Extracts frontmatter (name, description), keywords, and related skills 3. **Graph Building**: Creates nodes for skills and edges based on: - Explicit skill references (`/command` or `Related Skills` section) - Shared keywords (≥2 matching keywords) - Same category 4. **Visualization**: React Force Graph 2D renders the interactive graph | Category | Color | Description | |----------|-------|-------------| | art: | Pink | Creative/Artistic skills | | bot: | Blue | Bot system skills | | biz: | Green | Business skills | | fit: | Orange | Fitness personas | | thk: | Purple | Thinking frameworks | | syn: | Cyan | Synthesis skills | | phi: | Deep Purple | Philosophy | | lin: | Brown | Linguistics | | pwr: | Red | Power frameworks | | sys: | Teal | System utilities |