DEV Community

Ramu Narasinga
Ramu Narasinga

Posted on

Turn your workflow into a step-by-step guide with Mimik.

In this article, we review Mimik tool. You will learn:

  1. What is Mimik?

  2. WXT, Next-gen web extension framework.

What is Mimik?

Mimik watches your tabs and writes the guide — annotated screenshots, numbered steps, ready to export. It never phones home.

How it works?

  • Pin it

Install from the Chrome Web Store and pin Mimik to your toolbar. Click once to start recording.

  • Work normally

Do the thing you’d do anyway. Mimik captures every click and keystroke and builds a step-by-step guide in the side panel.

  • Export anywhere

Ship a polished guide as Markdown, PDF, HTML, or a shareable link — all rendered locally. Your machine, your call.

Install the Mimik chrome extension

WXT, Next-gen web extension framework.

Well, I found the file named, wxt.config.ts and also checked the package.json and found these below scripts:

...
"scripts": {
    "dev": "wxt",
    "dev:firefox": "wxt -b firefox --mv3",
    "build": "wxt build",
    "build:firefox": "wxt build -b firefox --mv3",
    "zip": "wxt zip",
    "zip:firefox": "wxt zip -b firefox --mv3",
...
Enter fullscreen mode Exit fullscreen mode

This led to search for wxt and that’s how I found this WXT web extenstion framework.

WXT is an open source tool that makes web extension development faster than ever before.

Learn more about WXT.

About me:

Hey, my name is Ramu Narasinga. Email: ramu.narasinga@gmail.com

I spent 3+ years studying OSS codebases and wrote 400+ articles on what makes the production-grade. Now I'm putting that into practice differently - instead of writing every fix myself, I run coding agents that do it.

How it works? Register your machine as a Runtime, point it at your repo. Agents pick up issues. write the fix, open the PR. You just review, they execute.

Build your coding agents and get more work done in less time at thinkthroo.com

References:

  1. github.com/westpoint-io/mimik.

  2. wxt.dev/.

  3. chromewebstore.google.com/detail/mimik-step-by-step-guides/jmfohdaflahliammccpiadmkcibohgha?pli=1.

  4. github.com/wxt-dev/wxt.

Top comments (0)