043 Interactive E78bc3d6

Interactive HTML/CSS/JavaScript visualization showing skill installation workflow

tools-only Updated 7 repo stars

File contents

Skill Installation Workflow

Copy this iframe to your website:

<iframe src="https://dmccreary.github.io/claude-skills/sims/skill-installation-workflow/main.html" width="100%" height="600px"></iframe>

Run Skill Installation Workflow in Fullscreen{ .md-button .md-button--primary }

This interactive timeline shows the step-by-step process for installing Claude skills using symlinks.

Interactive Diagram

Overview

The workflow spans 8 steps across 4 categories:

  • Development: Creating and updating skills
  • Installation: Running install scripts and creating symlinks
  • Discovery: Claude Code finding and loading skills
  • Usage: Invoking and version controlling skills

Click on timeline events to see detailed descriptions. Use the category filters to focus on specific workflow phases.

tools-only/X-Skills/tree/main/productivity/043-interactive_e78bc3d6 commit c5413795bc

Frequently asked questions

npx skillmds@latest add tools-only/043-interactive-e78bc3d6