How boraoztunc/skills works
The README describes a collection of Claude Code skills invoked by slash command; the supplied tree does not include their skill-definition files. The concrete runtime shown here is the vendored Stageshow skill: a browser playground mounts demos built with a React kit for stills and cursor-driven motion, alongside teaching examples. The graph focuses on that runtime and its documented purpose. Edges are limited to relationships shown in excerpts or the source index; other README-listed skill domains are not expanded because their source paths are absent.
Main entry points: stage.tsx Stage canvas · main.tsx Playground entry · contrasts.tsx Contrast lessons · preview.tsx Demo mount
Components 23
Demo playback
- Playground entry
stageshow/playground/main.tsx - Playback driver
stageshow/playground/playback.ts - Demo mount
stageshow/playground/preview.tsx - Demo catalog
stageshow/playground/catalog.ts
Stageshow kit
- Stage canvas
stageshow/kit/stage.tsx - Interaction scripts
stageshow/kit/act.ts - Virtual clock
stageshow/kit/clock.ts - Geometry measurement
stageshow/kit/measure.ts - Cursor rendering
stageshow/kit/cursor.tsx - Cursor glyphs
stageshow/kit/cursors.tsx - Stage appearance
stageshow/kit/looks.ts - Reduced motion
stageshow/kit/reduced-motion.ts - Window and device frames
stageshow/kit/phone.tsx - Motion components
stageshow/kit/motion/Roll.tsx - UI controls
stageshow/kit/controls/Field.tsx - UI parts
stageshow/kit/parts/Row.tsx
Teaching examples
- Composition lessons
stageshow/teaching/composition.tsx - Contrast lessons
stageshow/teaching/contrasts.tsx - Continuity lessons
stageshow/teaching/continuity.tsx - Relationship lessons
stageshow/teaching/relationships.tsx - Scene lessons
stageshow/teaching/scenes.tsx - Style lessons
stageshow/teaching/style.tsx
Other components
- Skill user
Connections 25
- Skill user → Playground entry: opens demo
- Playground entry → Playback driver: creates playback
stageshow/playground/main.tsx - Playground entry → Virtual clock: installs virtual time
stageshow/playground/main.tsx - Playground entry → Demo mount: mounts demo
stageshow/playground/main.tsx - Demo mount → Contrast lessons: loads contrasts
stageshow/playground/preview.tsx - Playground entry → Demo catalog: loads viewer
stageshow/playground/main.tsx - Stage canvas → Interaction scripts: uses scripts
stageshow/kit/stage.tsx - Stage canvas → Cursor rendering: renders cursor
stageshow/kit/stage.tsx - Stage canvas → Geometry measurement: measures targets
stageshow/kit/stage.tsx - Stage canvas → Stage appearance: provides appearance
stageshow/kit/stage.tsx - Stage canvas → Virtual clock: uses clock
stageshow/kit/stage.tsx - Cursor rendering → Cursor glyphs: renders glyphs
stageshow/kit/cursor.tsx - Motion components → Reduced motion: checks preference
stageshow/kit/motion/Roll.tsx - Window and device frames → Stage appearance: reads appearance
stageshow/kit/phone.tsx - UI controls → UI parts: uses icon
stageshow/kit/controls/Field.tsx - UI parts → Window and device frames: uses window
stageshow/kit/parts/Row.tsx - Contrast lessons → Composition lessons: compares lessons
stageshow/teaching/contrasts.tsx - Contrast lessons → Continuity lessons: compares lessons
stageshow/teaching/contrasts.tsx - Contrast lessons → Relationship lessons: compares lessons
stageshow/teaching/contrasts.tsx - Contrast lessons → Stage canvas: uses kit
stageshow/teaching/contrasts.tsx - Composition lessons → Stage canvas: uses kit
stageshow/teaching/composition.tsx - Continuity lessons → Stage canvas: uses kit
stageshow/teaching/continuity.tsx - Relationship lessons → Stage canvas: uses kit
stageshow/teaching/relationships.tsx - Scene lessons → Stage canvas: uses kit
stageshow/teaching/scenes.tsx - Style lessons → Stage canvas: uses kit
stageshow/teaching/style.tsx