Work/LINKVIBE
Browser AI Extension

LINKVIBE

AI Co-Pilot for LinkedIn & DMs

LinkedInとDMのためのAIアシスタント

LINKVIBE icon
01

Overview

概要

Networking online is endless repetition — connection notes, replies, posts, all supposedly in your voice, all written from scratch every time. LinkVibe is a Chrome side-panel assistant that drafts them for you, grounded in your actual CV. Its sibling, ReplyVibe, does the same for Instagram, WhatsApp Web and X DMs.

オンラインでの人脈づくりは終わりのない繰り返しです。つながりリクエストのメモ、返信、投稿。どれも自分の言葉で書くはずのものを、毎回ゼロから書くことになります。LinkVibeはChromeのサイドパネルで動くアシスタントで、実際の履歴書に基づいてそれらを下書きします。姉妹版のReplyVibeは、Instagram、WhatsApp Web、XのDMで同じことを行います。

I built it to make my own outreach scale without ever sounding like a template. The whole point was that a draft should read like me — because it was grounded in my real background, not a generic prompt.

自分のアプローチの量を増やしても、テンプレートのように聞こえないようにするために作りました。肝心なのは、下書きが自分らしく読めることです。汎用的なプロンプトではなく、自分の実際の経歴に基づいているからです。

02

How it was built

開発

Grounding is the trick. The extension parses your CV with pdf.js, so every draft is rooted in your genuine experience. A Firebase gateway sits in front of the model enforcing an allow-list and per-user quotas, and a human always reviews before anything is sent.

鍵は根拠付けです。拡張機能がpdf.jsで履歴書を解析するため、すべての下書きが本当の経験に根ざしています。モデルの前にはFirebaseのゲートウェイがあり、許可リストとユーザーごとの利用上限を管理します。送信前には必ず人が内容を確認します。

03

What it does

機能
01
CV-Grounded Drafts
履歴書に基づく下書き

Connection messages, replies and posts written from your real background — pulled from your CV, not invented.

つながりリクエストのメッセージ、返信、投稿を、作り話ではなく履歴書から取り出した実際の経歴に基づいて作成します。

02
On-Brand Image Generation
ブランドに合った画像生成

Cover and post images generated with Gemini's image model, so the visuals match the message.

Geminiの画像モデルでカバー画像や投稿画像を生成し、ビジュアルをメッセージに合わせます。

03
One Backend, Two Front Ends
1つのバックエンド、2つのフロントエンド

LinkVibe (LinkedIn) and ReplyVibe (Instagram / WhatsApp / X) share a single auth and quota gateway.

LinkVibe(LinkedIn)とReplyVibe(Instagram/WhatsApp/X)は、認証と利用上限のゲートウェイを共有しています。

04
Human-in-the-Loop
人による確認

Manual-paste by design — you review and send. Nothing is automated against the platforms themselves.

設計上、手動で貼り付ける方式です。内容を確認して送るのは本人で、各プラットフォームに対する自動操作は一切行いません。

04

Under the hood

技術の詳細

Grounded in your CV履歴書に基づく

The extension parses your CV client-side with pdf.js, so every connection note, reply and post is rooted in your real experience rather than generic filler. It's retrieval-augmented generation pointed at your own inbox.

拡張機能がブラウザ側でpdf.jsを使って履歴書を解析するため、つながりリクエストのメモ、返信、投稿のすべてが、汎用的な埋め草ではなく実際の経験に根ざしています。自分の受信箱に向けた検索拡張生成です。

A gateway in front of the modelモデルの前に置くゲートウェイ

All generation runs through Firebase callable Functions in europe-west2 behind an allow-list and per-user quotas, with Gemini handling text and its image model handling visuals. The gateway is what keeps a powerful tool from becoming an open faucet.

すべての生成は、許可リストとユーザーごとの利用上限を備えた、europe-west2のFirebaseの呼び出し可能なFunctionsを経由します。テキストはGemini、ビジュアルはその画像モデルが担当します。このゲートウェイが、強力なツールを使い放題にしないための仕組みです。

Two front-ends, one brain2つのフロントエンドに1つの頭脳

LinkVibe (LinkedIn) and its sibling ReplyVibe (Instagram, WhatsApp Web, X) share the same auth and quota backend. Everything is manual-paste by design — a human reviews and sends, so nothing is automated against the platforms.

LinkVibe(LinkedIn)と姉妹版のReplyVibe(Instagram、WhatsApp Web、X)は、同じ認証と利用上限のバックエンドを共有しています。設計上すべて手動で貼り付ける方式で、人が確認して送信するため、各プラットフォームに対する自動操作はありません。

05

Stack

技術構成

LinkVibe is a Chrome MV3 extension built with crxjs + Vite + React 19 + TypeScript + Tailwind. The backend is Firebase callable Functions (europe-west2) behind an allow-list and quota gateway; Gemini handles text and Gemini's image model handles visuals. pdf.js parses your CV on the client for grounding. ReplyVibe reuses the same gateway.

LinkVibeはcrxjs、Vite、React 19、TypeScript、Tailwindで構築したChrome MV3拡張機能です。バックエンドは許可リストと利用上限のゲートウェイを備えた、Firebaseの呼び出し可能なFunctions(europe-west2)です。テキストはGemini、画像はGeminiの画像モデルが担当します。根拠付けのため、pdf.jsがブラウザ側で履歴書を解析します。ReplyVibeも同じゲートウェイを使っています。

06

Where it is now

現状と今後

LinkVibe runs against a live Firebase gateway, with its sibling ReplyVibe sharing the same backend. Next steps are a polished store listing and broadening the grounded-generation approach to more surfaces, with the allow-list and quotas keeping it controlled.

LinkVibeは稼働中のFirebaseゲートウェイに接続して動いており、姉妹版のReplyVibeも同じバックエンドを共有しています。次の段階は、ストア掲載の仕上げと、根拠に基づく生成の手法を他の場面にも広げることです。許可リストと利用上限により、引き続き管理された状態を保ちます。

LinkVibe is grounded generation applied to the most tedious part of networking. Keep a human in the loop, ground everything in real data — it is the same discipline I bring to production RAG, just pointed at my own inbox.

LinkVibeは、人脈づくりで最も面倒な部分に、根拠に基づく生成を応用したものです。人による確認を残し、すべてを実際のデータに基づかせる。本番環境のRAGで実践しているのと同じ規律を、自分の受信箱に向けただけです。

Next case study 次の実績
MIST IDE
Technical-Brutalist Native macOS IDE
→