DEV Community: M.T.Arden

I Built an Offline-First Browser Extension: Meet Webpage Journal 📖

M.T.Arden — Tue, 21 Jul 2026 14:38:39 +0000

Background

Have you ever found yourself deep into a session or researching a complex topic, jumping between dozens of tabs, and wishing you had an effortless way to capture your thoughts, exact page contexts, and screenshots—all in one place?

That was exactly my problem. I needed a light space to dump quick drafts, while instantly capturing URLs and screenshots as reference points for later confirmation. Switching back and forth between dozens of tabs and heavy note-taking apps was just too distracting.

So, I built Webpage Journal! 🚀

Intro

Webpage Journal is a lightweight, 100% offline-first browser extension designed for private journaling and web clipping.

It lets you record visited tabs, spark thoughts, and page screenshots seamlessly.

Pros

No Accounts Required and No Server Requests
Data Ownership: Your notes, screenshots, and logs never leave your device.

📸 Smart Screenshots & Tabs: Capture screenshots of your active tab or import tab URLs with a single click.

👁️ Markdown Live Preview: Format your logs with full Markdown support.

💾 Local ZIP Export: Easily export all your accumulated journals, images, and Markdown files into a local ZIP archive anytime.

Quick Start Guide

Click the extension icon in your browser toolbar or side panel to open the interface.
Start typing your ideas—it auto-populates the current active tab details and creates a new entry.
Capture a screenshot of your active page or attach notes in the Markdown editor.
Preview your entry and click Export whenever you want a local backup!

The core is fully built and ready to use! You can check out the source code, download it, or build it locally via GitHub:
👉 GitHub Repository: M-T-Arden/webpage-journal

Note: I will also be releasing it on the Microsoft Edge Add-ons store very soon!

I'd love to hear your feedback, suggestions, or potential feature requests! Feel free to leave a comment below or drop a star ⭐ on GitHub if you find it helpful!

How to Export Windows Live Captions to Text? Try this! | Save & Copy Live Captions History

M.T.Arden — Sun, 04 Jan 2026 14:23:36 +0000

Hi Everybody!
If you are looking for a simple tool to save the content with the time stamp of Windows Live Captions, TRY THIS!!
This is a very light-weight and easy-to-use tool (only 10 MB) designed for Windows Live Captions.

showcase video

If you like this tool, please give this repository a star! ✨SaveLiveCaptions

Now the Release 1.1.4 Feature:

Implemented an exit protection mechanism to ensure final caption saving and file cleanup tasks are completed before the program terminates.
Enhanced the cleanup file logic to identify and merge redundant transcriptions caused by model corrections (e.g., normalizing "ten" to "10").
Users can now customize transcription stability and cache limits via the configuration file.

2025: How to Use AI to Never Miss Anything You're Interested in

M.T.Arden — Wed, 26 Nov 2025 13:22:18 +0000

The hacker's black magic trick of saving money and effort by merging AI with the MCP server. This is a guideline on how to quickly summarize the job list on Indeed. This is for educational purposes; always respect robots.txt and site policies to avoid bans.
You can also condense Stack Overflow and GitHub threads or distill Reddit and Twitter headlines.

Before completing this work, you need:

Node.js download
Claude download/Cursor download
This tutorial 😀 with recommended prompts attached at the end for reference.

Claude Setup Process:

Open the Claude desktop app and log in. The main interface looks like the image below. If there's no sidebar on the left, click the Toggle sidebar icon in the upper left to open it:
Click on your avatar in the bottom left, go to Settings, scroll down, find Developer, and click to enter the following page:
Copy the following standard config (using Playwright MCP server here) and add it to the claude_desktop_config.json file in the Edit Config section:
```
{
 "mcpServers": {
   "playwright": {
     "command": "npx",
     "args": [
       "@playwright/mcp@latest"
     ]
   }
 }
}
```
Restart Claude. The same page should now display (if you encounter a connection error, clear the background processes and restart):
Click on the button 'Search and Tools':

The interface that appears allows you to start inputting your own prompts:
Example result:

From my personal experience, Claude tends to encounter more errors like connection issues and takes longer to process than Cursor.

Cursor Setup Process:

Open Cursor, find the settings icon in the upper right corner , and enter the settings page:

Click New MCP Server, add the server configuration, and after adding, it should look like the result shown in the image above:

{
 "mcpServers": {
   "playwright": {
     "command": "npx",
     "args": [
       "@playwright/mcp@latest"
     ]
   }
 }
}

Click on the Custom Layout icon (in the red box) to bring up the chat interface:
Input your prompt and start using it. Example result:

Recommended Prompts:

1. Go to [website link] # This website should ideally be one you've authenticated with Cloudflare, etc., and already filtered, to avoid getting stuck.
2. Find out [job title] that was posted [timespan] in [job location]
3. Return me a deduplicated list of the jobs in this format: company - job - posted time - link