Repolode
westpoint-io

westpoint-io/mimik

クリックを記録し、注釈付きスクリーンショットを使った手順ガイドを作成してローカルに保存するブラウザー拡張機能。

代替できる製品:ScribeTango

スター
1,585
フォーク
197
未解決の Issue
9
最終コミット
8 日前

これは何?

Mimikは、操作中のワークフローを記録するChrome、Firefox、Edge向けのブラウザー拡張機能です。録画を開始してタスクを実行すると、意味のある操作ごとにスクリーンショット付きの手順を作成します。クリックした要素は自動的に強調表示され、拡大されます。

記録に加えて、音声で手順をナレーションしたり、自分のOpenAIまたはAnthropicのAPIキーを使って手順の説明文を生成したりできます。作成したガイドは後から編集でき、トリミング、注釈、マスキング、バージョン履歴に対応しています。Smart blurモードでは、メールアドレス、電話番号、カード番号など、よくある機密情報をマスキングできます。なお、iframe、shadow DOM、画像内のテキストには対応上の制約があり、詳細が公開されています。

Guide Me機能を使うと、公開中のページでガイドを再生できます。また、動画、GIF、PDF、DOCX、HTML、Markdownとしてエクスポートするか、別のMimikユーザーがインポートできる.mimikファイルとして共有できます。ガイド、手順、スクリーンショットはデバイス上に保存され、エクスポートもクライアント側で生成されます。

主な機能

  • 01クリック、フォーム入力、キーボードショートカット、クリップボード操作、ページ遷移を手順として記録します。
  • 02各手順に、対象要素を強調表示して自動拡大したスクリーンショットを追加します。
  • 03Smart blurが、画面上のメールアドレス、電話番号、カード番号などの機密情報に該当するパターンをマスキングします。
  • 04Guide Meは公開中のページでガイドを再生し、次にクリックする要素を強調表示します。
  • 05動画、GIF、PDF、DOCX、HTML、Markdownに加え、共有可能な.mimikファイルとしてエクスポートできます。
  • 06任意で、自分のAPIキーを使ったAIによる手順の説明文生成と、音声ナレーションに対応します。

ユースケース

  • チーム向けに、社内ツールや繰り返し行うWeb上の作業手順を文書化する。
  • スクリーンショットを手作業でトリミングせずに、製品チュートリアルやオンボーディングガイドを作成する。
  • 公開中のサイトで手順を再生しながら、チームメンバーに作業の進め方を説明する。
  • Webワークフローをナレーション付きの動画ウォークスルーにする。

クイックスタート

  1. 1

    Chrome ウェブストアから拡張機能をインストール

  2. 2

    または Firefox アドオンか Microsoft Edge アドオンからインストール

使う前に知っておきたいこと

  • スマートぼかしは、iframe、shadow DOM、canvas 内のテキスト、画像、または「完了」をクリックした後に表示されるテキストには適用されません。
  • AI による説明と音声機能を利用するには、OpenAI、Anthropic、Groq、または ElevenLabs のご自身の API キーが必要です。

トピック

よくある質問

mimik とは?
クリックを記録し、注釈付きスクリーンショットを使った手順ガイドを作成してローカルに保存するブラウザー拡張機能。 Mimikは、操作中のワークフローを記録するChrome、Firefox、Edge向けのブラウザー拡張機能です。録画を開始してタスクを実行すると、意味のある操作ごとにスクリーンショット付きの手順を作成します。クリックした要素は自動的に強調表示され、拡大されます。
mimik は無料で使えますか?ライセンスは?
mimik は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
mimik は今もメンテナンスされていますか?
活発にメンテナンス中。mimik の最終コミットは 2026年10月12日 です。
mimik は何に使えますか?
チーム向けに、社内ツールや繰り返し行うWeb上の作業手順を文書化する。 スクリーンショットを手作業でトリミングせずに、製品チュートリアルやオンボーディングガイドを作成する。 公開中のサイトで手順を再生しながら、チームメンバーに作業の進め方を説明する。 Webワークフローをナレーション付きの動画ウォークスルーにする。
mimik のインストール方法は?
Chrome ウェブストアから拡張機能をインストール または Firefox アドオンか Microsoft Edge アドオンからインストール
mimik はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/westpoint-io/mimik

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト