Skills Viewer

Skill Debugger

A native desktop application for exploring, analyzing, and debugging Claude Code skills. Built with Tauri, React, and TypeScript.

  

---

🎯 Purpose

Skill Debugger helps developers understand, debug, and optimize their Claude Code skills by providing:

• Skill Discovery: Automatically scans ~/.claude/skills and ~/.config/opencode/skills
• Rich Metadata Visualization: Displays skill descriptions, triggers, references, and scripts
• Trigger Analysis: Shows confidence levels and pattern matching for skill activation
• Dependency Graphs: Visual Mermaid diagrams of skill architecture
• Smart Search: Instant filtering across skill names and descriptions

---

✨ Features

v0.1.0 (Current)

• ✅ **Skill Discovery** (US1)

  • Scans multiple skill directories
  • Displays skill list with location badges
  • Fast scanning (<500ms for 20 skills)

• ✅ **Skill Viewing** (US2)

  • YAML frontmatter parsing
  • Markdown rendering with syntax highlighting
  • Tab-based interface (Overview, Content, Triggers, Diagram, References, Scripts)

• ✅ **Navigation** (US3)

  • Select skills from list
  • Back button to return to list
  • Responsive layout (800px - 1920px)

• ✅ **Trigger Analysis** (US4)

  • Keyword extraction from descriptions
  • Confidence level indicators
  • Pattern matching insights

• ✅ **Visualization** (US5)

  • Mermaid diagram generation
  • Shows skill dependencies and references
  • Interactive graph rendering

• ✅ **Search & Filtering** (US6)

  • Real-time search across skills
  • Filters by name and description
  • Instant results

Upcoming Features

See [specs/BACKLOG.md](specs/BACKLOG.md) for the full roadmap.

---

⌨️ Keyboard Shortcuts

**Power-user features for keyboard-only navigation** (v