js-notepad: A Scriptable Notepad with Built-in MCP Server for Claude Code
js-notepad is a scriptable notepad application designed to work alongside VS Code while using Claude Code. It serves as a companion tool for coding workflows, built entirely with Claude Code assistance.
Key Features and Use Cases
The developer uses js-notepad side-by-side with VS Code during Claude Code sessions for several specific purposes:
- Reviewing documentation – Markdown renders live with Mermaid diagram support, and HTML mockups preview in a built-in browser tab.
- Tracking work – Quick todos and notes can be created without leaving the workspace.
- Monitoring changes – Multiple tab groups with navigation panels allow browsing project files and reviewing what Claude has implemented.
Technical Implementation
The application includes several technical components:
- Built-in MCP server – This enables Claude Code to read/write pages, execute scripts, create todos, and push results directly into the application.
- Monaco Editor – The same editor engine used by VS Code.
- Grid editor – For working with JSON and CSV files.
- Notebook and todo editors – Dedicated interfaces for different content types.
- PDF viewer – Built-in PDF viewing capability.
- JavaScript/TypeScript scripting – With full Node.js access for custom functionality.
The tool is free, open source, and currently available for Windows. The source code is hosted on GitHub at github.com/andriy-viyatyk/js-notepad.
📖 Read the full source: r/ClaudeAI
👀 See Also
Creative Excellence Plugin for Claude Code Improves Animation Quality with Interaction Thesis
A new open-source plugin for Claude Code addresses generic animation generation by implementing an 'interaction thesis' approach where Claude must describe motion concepts before coding. The plugin includes 8 sub-skills covering GSAP, Framer Motion, CSS animations, and design principles from studied repositories.
Custom Status Line for Claude Code Shows Context Usage, Cost, and Git Branch
A Reddit user created a bash script that leverages Claude Code's statusLine setting to display real-time information including context window usage, session cost, active model, and current git branch. The script requires jq and is available on GitHub.
Manifest Router Adds ZAI Subscription Support for OpenClaw Model Management
Manifest router now supports ZAI subscriptions, allowing all ZAI models to appear in routing tiers with automatic model selection per request. The tool is in beta, free, open source, and includes a dashboard for tracking costs per agent, message, and model.
Compass Chrome Extension Adds Navigation Tools to Claude and ChatGPT
A developer built a free Chrome extension called Compass that adds a prompt minimap, sticky scroll headers, session checklists, and prompt builder templates to Claude and ChatGPT interfaces to solve navigation problems in long conversations.