# Walkthroughs (/docs/walkthroughs)

When a user asks how to do something, Skavelo can show them instead of describing it. A walkthrough highlights the first button to click, waits for the user to click it, then moves to the next step.

Walkthroughs come from the **product map**: the screens, buttons and fields Skavelo found while learning your web app. Skavelo drafts workflows for common tasks automatically, and your team can edit them or write new ones.

<Cards>
  <Card title="How walkthroughs work" href="/docs/walkthroughs/how-walkthroughs-work" description="What your users see, step by step." />
  <Card title="The product map" href="/docs/walkthroughs/product-map" description="The screens and workflows Skavelo learned from your app." />
  <Card title="Edit and write walkthroughs" href="/docs/walkthroughs/editing-walkthroughs" description="Rename workflows, adjust steps or write your own." />
</Cards>

<Callout title="Walkthroughs need your web app">
  Skavelo can only map screens it has read. Add your product as **Your web app** on the Learning tab, with a test account if it needs a login. See [Add your website and web app](/docs/teaching-skavelo/websites-and-web-apps).
</Callout>