tour
SolidInteractive onboarding walkthrough for a new engineer. Use for "give me a tour", "onboard me", "walk me through the codebase".
Install
Quality Score: 80/100
Skill Content
Details
- Author
- drafthq
- Repository
- drafthq/draft
- Created
- 7 months ago
- Last Updated
- 2 days ago
- Language
- HTML
- License
- MIT
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
guided-tour
Run a live, interactive guided tour of a codebase — you act as a hands-on tutor who leads the user through how the code actually works, one digestible piece at a time, pausing often so they can ask questions, go deeper, or redirect. This is a real-time conversation, NOT a document or HTML file you generate and hand off. Diagrams are used freely (ASCII, Mermaid, or rich widgets) wherever they make a concept click. TRIGGER this skill whenever the user wants to UNDERSTAND a codebase through conversation rather than receive a static artifact. Match phrases like: - "give me a guided tour", "walk me through this codebase interactively", "onboard me to this project", "teach me how this works", "help me understand this repo" - "explain how X works and let me ask questions", "I want to explore how X is built" - "I'm new to this codebase, where do I start", "trace how a request flows and stop so I can follow", "be my tour guide for this code" Also trigger when someone drops into an unfamiliar repo and expresses confusi
toutour
Add a spotlight onboarding tour to any website. Analyzes the site's layout, tabs and UI components, interviews the developer (step granularity, mask, languages, theming, trigger mode, library), then generates and Playwright-verifies a guided tour. Use when the user asks for an onboarding tour, product tour, guided walkthrough, coach marks, feature introduction overlay, or says users can't figure out their site.
architecture-and-decisions
Create an architecture and decision walkthrough that explains how a software project fits together and WHY each significant choice was made, with the alternatives, the trade-offs, and the failure modes. Takes a reader from "can use it" to "understands it well enough to change or extend it safely." Produces Markdown (repo-first) with C4-style diagrams and a decision treatment for every important choice. Use this whenever the user wants an architecture doc, design doc, technical deep-dive, decision record narrative, "why is it built this way", or to understand the system in depth. Use it even if the user only says "document the architecture and the reasoning", "explain the design decisions", or "write the technical overview for a new engineer". For one technical reader who can already use the system — NOT a newcomer course (use learning-track), NOT operator recovery steps (use operations-runbook), NOT a look-up Q&A page (use project-faq).