I built Mimik: an open-source Chrome extension that auto-captures browser workflows into step-by-step guides

🤔 Why I built this

We run a software agency and kept writing the same "how to do X in our admin panel"
docs for clients. Loom is too long. Scribe puts your data on someone else's server.
Screenshots in Notion decay the day after you take them.

🎬 Demo

Click record, do the workflow, click stop. You get a clean guide with one step
per action and an annotated screenshot per step.

✨ Features

• 🎥 Auto-capture clicks, typing, and SPA navigation - one step per intent
• 🤖 Optional AI step descriptions (BYO OpenAI / Anthropic key)
• 🔒 Smart blur - regex presets for emails, phones, cards, JWTs
• ✏️ Edit, reorder, delete any step before exporting
• 📤 Export to HTML, PDF, or Markdown - all client-side
• 🎓 Guide Me replay walks teammates through your saved guide on the live page
• 🌐 Same codebase ships to Chrome, Firefox, and Edge

🛠️ Tech stack

• Extension framework: WXT on top of Vite
• UI: React 19, Tailwind CSS v4, shadcn/ui
• Capture state: xstate machine in the background SW
• Storage: Dexie over IndexedDB
• Messaging: @webext-core/messaging
• AI: Vercel AI SDK with @ai-sdk/openai and @ai-sdk/anthropic
• Export: jsPDF + client-side HTML/Markdown
• Manifest V3 across all three browsers

🔒 Why local-first matters

(One paragraph: handover docs often contain credentials, internal URLs, customer
data. They shouldn't end up on a SaaS server. Mimik stores everything in IndexedDB
on your machine. AI calls are optional and go directly from your browser to the
provider with your own key.)

🗺️ Roadmap

• Translation polish (good-first-issue tickets open for ES, pt-BR, FR native speakers)
• Better Guide Me matching across DOM mutations
• Notion / Confluence / static-site export

⭐ Try it

Install: [Chrome] · [Firefox] · [Edge]
Source: github.com/westpoint-io/mimik (MIT)
Website: Mimik
Website creators: WestPoint

If this is useful, a GitHub star goes a long way.