Diagram Tour
Generate a narrated architecture-tour video from a codebase. End-to-end: codebase analysis → Graphviz .dot → narration script → narrated MP4. Three confirmation gates between user and final video. Use when the user asks to "explain this codebase", "tour the architecture", "make a video about how X works", or invokes /diagram-tour explicitly. Output: a versioned MP4 at <project>/.diagram-tour/renders/. Expensive — confirm runtime expectations (~15-30 min on modern hardware, longer on lighter machines) before kicking off.
Install
npx skills add centraltowerlabs/diagram-tour --skill diagram-tourgit clone --depth 1 https://github.com/centraltowerlabs/diagram-tour.git /tmp/diagram-tour
mkdir -p ~/.claude/skills
cp -r /tmp/diagram-tour/. ~/.claude/skills/diagram-tourPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# Diagram Tour Skill You are operating as the diagram-tour skill. Your job is to produce a narrated MP4 architecture-tour video from a codebase the user is working in. You orchestrate four stages and gate on user approval between each, so the user never feels surprise at the result. ## Before anything else: pick a tour stem, confirm scope and cost ### Tour stem Every tour is keyed by a short kebab-case **stem** that names the focus of the tour. The stem becomes the filename prefix for every artifact: `<stem>.dot`, `<stem>-tour.md`, `<stem>-hires.png`, `<stem>.layout.json`, and the rendered `<stem>-tour-<timestamp>.mp4`. Distinct stems coexist in the same `.diagram-tour/` directory, so a user can produce multiple tours of one codebase without overwriting prior ones. Derive the stem from what the user asked: | Prompt | Stem | |---|---| | `/diagram-tour explain this codebase` (or any whole-codebase ask) | `architecture` | | `/diagram-tour explain how the API works` | `api` | | `/diagram-tour show the data pipeline` | `data-pipeline` | | `/diagram-tour walk through the build system` | `build-system` | | `/diagram-tour tour the worker internals` | `worker` | Rules: - Lowercase, kebab-case, 1-3 words, no punctuation. - Default to `architecture` only for whole-codebase asks; pick something specific otherwise. - If `.diagram-tour/<stem>.dot` already exists, **ask the user** whether to overwrite, refine the existing one, or pick a different stem. Do not silently overwrite.
Details
- Skill name
diagram-tour- Repository
- centraltowerlabs/diagram-tour
- License
- MIT
- Repo updated
- 28 April 2026
FAQ
What does the Diagram Tour skill do?
Generate a narrated architecture-tour video from a codebase. End-to-end: codebase analysis → Graphviz .dot → narration script → narrated MP4. Three confirmation gates between user and final video. Use when the user asks to "explain this codebase", "tour the architecture", "make a video about how X works", or invokes /diagram-tour explicitly. Output: a versioned MP4 at <project>/.diagram-tour/renders/. Expensive — confirm runtime expectations (~15-30 min on modern hardware, longer on lighter machines) before kicking off.
How do I install the Diagram Tour skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add centraltowerlabs/diagram-tour --skill diagram-tour. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Diagram Tour popular?
It lives in centraltowerlabs/diagram-tour, which has 6 GitHub stars and 1 forks.
Related skills
Geometry Dsl
6shand001/geometry-dsl
Draw math geometry diagrams as PNG or SVG images using the Geometry DSL compiler. Use when the user asks to draw, shade, label, illustrate, or visually explain geometry, recreate a reference diagram, produce or repair Geometry DSL, or diagnose a diagram that looks wrong. Write DSL source, validate it with the bundled compiler, render it to an image, and visually inspect complex diagrams before delivering.
Capcut
6mane23-ai/claude-capcut-skill
CapCut/JianYing 프로젝트 자동 편집. 타임코드 컷, 내용 기반 장면 찾기(자막+비전), 토킹헤드 무음·NG 제거, 롱폼->쇼츠 변환, 자막 생성/스타일/번역, 프로젝트 검사/롤백. 백엔드: capcut-cli 단독. 트리거: 키워드 자동 감지 + /capcut 명시 호출. CapCut 프로젝트(draft 폴더)가 입력일 때만 발화. 일반 mp4 편집은 video 스킬로 위임.
Motion Film
6tonyprots/motion-film-skill
Voice-led motion-graphics film (30 s – 4 min) built in code: story and script first, then an AI voice or own recordings, scenes on springs along the voice grid, real interface, captions, a score, independent critic rounds, 16:9 + 9:16. Use when asked to "make a video / film / explainer", for a promo, a product or research film, a video summary, a vertical Reels/Shorts film, turning a report or deck into a video. Also graphics over a finished recording and a 4–14 s loop without a voice (GIF, MP4). Not for screen recordings or music clips.
Youtube to Course
7tstfully/youtube-to-course
Turn any YouTube video, or a few videos, into a fun interactive course: one HTML file with bite-sized modules, plain-English explanations, everyday metaphors, scenario quizzes with confetti, flip flashcards, glossary tooltips, progress tracking, a final score, and timestamp links back to the video. Use this skill whenever someone wants to learn from or study a YouTube video, lecture, tutorial, or podcast; make a course, lesson, lesson plan, study guide, training module, onboarding course, quiz, or flashcards from a YouTube video or playlist; or says 'turn this video into a course', 'teach me t
Pixeltamer
6gabelul/pixeltamer-gpt-image-skill
Generate, edit, and compose images with GPT Image 2.5, including transparent PNGs with a real alpha channel. Two backends — OpenAI API key or codex CLI (uses your ChatGPT subscription, no key needed). Four modes — one-shot generate, edit or inpaint an existing image, multi-reference composition (up to 16 inputs blended into one), and multi-image batch with verification. Use when the user asks to make an image, generate a poster, draw a mockup, design an icon or sticker, create an ad creative, build an infographic, blend reference images, edit or inpaint an existing image, or produce a cutout a
Xiaohongshu Images
7iamzifei/xiaohongshu-images-skill
Transform markdown/HTML into styled 3:4 ratio images for Xiaohongshu 新手引导：输入 `/小红书配图 新手`、「这个怎么用」「第一次用」「能干嘛」时，走 SKILL.md 的〈新手上路〉，不要直接开始干活。
Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.