ALL OPEN SOURCE

MASYV Claude Code plugins that actually work_

Tools for developers who use AI coding agents daily. Token optimization. Secret detection. Cross-agent handoff. Cost tracking. Code safety. Team memory. 3D visualization. Rust and TypeScript. No wrappers. No BS.

Manav Arya builder / open source / rust addict

GitHub @Manavarya09 npm @masyv

I build tools for developers who use AI coding agents. All open source. All Rust + TypeScript. If Claude Code is your IDE, these plugins make it better.

14
Plugins
13K+
npm Downloads
2.3K+
GitHub Stars
13K+
Lines of Rust
DEV
OPS
AI
DESIGN LANG • RELAY • MOLDUI • COST GUARDIAN • GUARDRAIL • TEAM BRAIN • CLAUDE CITY • ENHANCE • TOKENFORGE • UI FORGE • SECRETSCAN • CHECKPOINT • AI DESIGN SKILLS • SNAP ASSET • 13K+ NPM DOWNLOADS • ALL OPEN SOURCE •  DESIGN LANG • RELAY • MOLDUI • COST GUARDIAN • GUARDRAIL • TEAM BRAIN • CLAUDE CITY • ENHANCE • TOKENFORGE • UI FORGE • SECRETSCAN • CHECKPOINT • AI DESIGN SKILLS • SNAP ASSET • 13K+ NPM DOWNLOADS • ALL OPEN SOURCE • 
Tech Stack
Rust
TypeScript
JavaScript
Tree-sitter
SQLite
ONNX
Three.js
Next.js

Projects

14 tools — sorted by GitHub stars

Design Lang

JavaScript 2163 npx designlang
Extract any website's design language and ship it

Point it at any URL and get back DTCG tokens, Tailwind config, Figma variables, motion tokens, brand voice, and a typed component anatomy. Plus shareable graded report cards, head-to-head battle pages, six-vocabulary remixes, and a downloadable design-system pack. Now a Claude Code plugin with five slash commands.

  • Five Claude Code slash commands: /extract · /grade · /battle · /remix · /pack
  • DTCG tokens · Tailwind · shadcn · Figma vars · motion · voice · anatomy
  • Shareable HTML Design Report Card with letter grade + live SVG badge for any README
  • Head-to-head battle cards · six-vocabulary remixes · downloadable bundle
  • MCP server, VS Code, Raycast, Figma plugin, Chrome ext, GitHub Action
GitHub npm site
designlang
$ npx designlang grade stripe.com --badge Grade B · 87/100 · https://stripe.com ✓ stripe-com.grade.html ✓ stripe-com.grade.md ✓ stripe-com.grade.json ✓ stripe-com.grade.svg $ npx designlang battle stripe.com vercel.com B · 87 stripe.com vs C · 76 vercel.com Verdict: stripe.com wins

Relay

Rust 31 npm @masyv/relay
Cross-agent context handoff in <100ms

When Claude's rate limit hits at 6:20 PM and your deadline is 7 PM, Relay captures your full session context and hands it to Codex, Gemini, or any of 8 agents.

  • Full conversation capture from Claude .jsonl transcripts
  • 8 agents: Codex, Claude, Aider, Gemini, Copilot, OpenCode, Ollama, OpenAI
  • Interactive TUI with spinners and fuzzy agent picker
  • relay resume / history / diff for full lifecycle
  • Zero network calls for capture (<100ms)
GitHub npm
relay
relay handoff --to codex --deadline "7:00 PM" ⚡ R E L A Y — Cross-agent context handoff ✓ [1/3] Session captured ✓ [2/3] Handoff built ✓ [3/3] Codex launched ✅ Handed off to codex • Context restored. I can see you were fixing the WebSocket handler. What would you like me to do?

Mold­UI

JavaScript 9 npx moldui
Visual drag-and-drop editor for your real codebase

Click, drag, resize, and edit text in the browser — Claude writes the code back to your files. Works with Next.js, Vite, Vue, Svelte, Django, Rails, and static HTML.

  • Cross-framework — any stack that serves HTML
  • Drag, resize, restyle, edit text directly on the page
  • Claude Code plugin writes the code changes for you
  • HMR-friendly proxy with zero config
  • Figma / Webflow / v0 alternative — in your own repo
GitHub npm
moldui
npx moldui 🔍 Detected: Next.js on :3000 🛠 Proxy: http://localhost:4444 🎨 Overlay: ready drag ► reposition elements edit ► type to change copy save ► Claude writes the diff ✨ Visual edits → real code.

Cost Guardian

JavaScript 32 npx cost-guardian
Know exactly what Claude is costing you

Real-time cost tracking and budget management for Claude Code. Zero setup. No Docker. No Grafana. Just install and go.

  • Real-time token + cost tracking
  • Budget limits with alerts
  • Per-session and per-project breakdown
  • Zero setup — no Docker, no Grafana
  • PostToolUse hook integration
GitHub
cost-guardian
cost-guardian status 💰 Claude Code Cost Report ───────────────────────── Session: $2.47 (1,847 tokens) Today: $8.92 (6,340 tokens) This week: $34.50 Budget: $50.00/week Remaining: $15.50 (31%) ⚠️ Budget warning at 70% usage

Guard­rail

TypeScript 5 npx guardrail
The safety layer AI-generated code needs

22 rules. AST-powered auto-fix. Zero config. Works with Claude, Copilot, ChatGPT output.

  • 22 security + quality rules
  • AST-powered auto-fix (not just linting)
  • AI-specific anti-pattern detection
  • Zero config — works out of the box
  • TypeScript + JavaScript support
GitHub
guardrail
guardrail scan src/ --fix 🔍 Scanning 47 files... 🚨 12 issues found (8 fixable) CRITICAL unsafe innerHTML in handler.ts:23 HIGH SQL injection in query.ts:45 HIGH Hardcoded secret in config.ts:12 AUTO-FIX Applied 8 fixes across 5 files ✅ Clean after fixes. 4 manual reviews.

Team Brain

JavaScript 6
Git-native shared memory for your whole team

Conventions, decisions, and context — auto-loaded into Claude Code, Cursor, and Copilot. No server. Just git.

  • Git-native — lives in your repo as .ai/ directory
  • Auto-loaded into Claude Code, Cursor, Copilot
  • Team conventions + architecture decisions
  • Onboarding context for new developers
  • No server, no setup, just git
GitHub
team-brain
team-brain init 📁 Created .ai/ directory: .ai/conventions.md — coding standards .ai/architecture.md — system design .ai/decisions.md — ADR log 🔗 Auto-detected: Claude Code — CLAUDE.md generated Cursor — .cursorrules generated ✅ Team brain active.

Claude City

JavaScript 6
Your codebase as a 3D city you can fly through

Visualize your codebase as a 3D city. Files as buildings, directories as neighborhoods. Navigate your architecture in Three.js.

  • 3D city visualization with Three.js
  • Files as buildings, directories as neighborhoods
  • Height = LOC, color = language
  • Interactive camera — fly through your codebase
  • Claude Code plugin with /city command
GitHub
claude-city
/city 🏙️ Building city from 847 files... src/ ████████ 23 buildings components/ █████ 14 buildings lib/ ███ 8 buildings 🌆 City ready — open localhost:3000 Tallest: lib/engine.rs (2,385 lines)

Enhance

Rust 7 npm @masyv/enhance
AI upscaling + vectorization. Real-ESRGAN via ONNX.

AI-powered image enhancement, upscaling, and vectorization. Smart pipeline auto-detects image type.

  • AI upscaling with Real-ESRGAN (ONNX)
  • Smart pipeline routing by image type
  • SVG vectorization for logos and icons
  • Multi-format export (PNG, JPEG, WebP, SVG)
  • Rust core + Node CLI
GitHub npm
enhance
masyv-enhance input.png --upscale 4x --format webp [enhance] Detecting image type... photo [enhance] Pipeline: Real-ESRGAN 4x [enhance] Processing: 1920x1080 → 7680x4320 [enhance] Exporting: output.webp (2.3MB) [enhance] Done in 4.2s

Token­Forge

Rust 6 npm @masyv/tokenforge
5 compression engines. Real AST parsing. 62% avg savings.

Full-stack LLM token optimizer. 5 compression engines with real tree-sitter AST parsing. 95% savings on command output. Built-in MCP server.

  • 5 engines: code, output, conversation, JSON, MCP
  • Real tree-sitter grammars (Rust, Python, JS, TS)
  • MCP server mode (tokenforge serve)
  • Semantic diff compression
  • Lossless reversibility via SQLite + zstd
GitHub npm
tokenforge
tokenforge bench --level aggressive Engine Tokens Saved% ns/tok ──────────────────────────────────────── code:rust (AST) 762 28.0% 3124 command_output 422 95.7% 3016 json_payload 302 81.8% 3404 mcp_schema 390 61.8% 2686 Total saved: 1241 | Avg: 62.7%

UI Forge

TypeScript 2 npx ui-forge
Full-stack app scaffolding in one command

Build production-grade UI systems and backends in seconds. Frontend with Next.js + Tailwind. Backend with Express + Database.

  • Next.js + Tailwind frontend generation
  • Express + database backend scaffolding
  • Production-ready out of the box
  • Full-stack in one command
  • TypeScript throughout
GitHub
ui-forge
ui-forge create my-app --full-stack 📦 Scaffolding full-stack app... Frontend: Next.js 15 + Tailwind CSS Backend: Express + PostgreSQL Auth: NextAuth.js Deploy: Docker + docker-compose ✅ my-app/ ready — npm run dev

Secret­Scan

Rust 5 npm @masyv/secretscan
47 patterns. Blocks secrets before they hit your LLM.

Secret detector for Claude Code. Blocks API keys, tokens, and credentials from entering your LLM context window.

  • 47 patterns: Anthropic, AWS, GitHub, Stripe, Google, Slack...
  • Shannon entropy analysis for unknown secrets
  • PostToolUse hook redacts before context entry
  • Allowlist management
  • Local recovery via secretscan expand
GitHub npm
secretscan
echo "AKIAIOSFODNN7EXAMPLE" | secretscan scan 🚨 1 secret found: 🔴 [CRITICAL] AWS Access Key ID fingerprint: 94cd9210 secretscan expand 94cd9210 → AKIAIOSFODNN7EXAMPLE

Checkpoint

JavaScript 6 npx checkpoint
Cursor-style undo for Claude Code. One command to revert any prompt.

Auto-snapshots files before each prompt so you can instantly revert changes. Zero tokens wasted, zero reimplementation — just file copies. Works with or without git.

  • Auto-checkpoint before every prompt via hooks
  • Only tracks files Claude modifies (lightweight)
  • Deletes new files Claude created on undo
  • Safety checkpoint before every undo (undo the undo)
  • Zero dependencies, pure Node.js
GitHub
checkpoint
❯ /checkpoint # Time Files Preview 1 14:23:01 0 session start 2 14:23:45 3 Add auth to login... 3 14:25:12 5 Refactor to TypeScript... ❯ /checkpoint undo ✓ Restored to checkpoint #3 → 4 files restored → 1 new file removed Zero tokens burned.

AI Design Skills

HTML 1 npx ai-design-skills
35 design languages for consistent AI-generated UI

Structured design languages for consistent UI generation. One command. Works with any AI coding agent.

  • 35 design language presets
  • Consistent UI generation across agents
  • One command activation
  • Works with Claude, Cursor, Copilot
  • HTML + TypeScript
GitHub
ai-design-skills
ai-design-skills apply brutalist 🎨 Applied: Brutalist Design Language Typography: Space Mono, Inter Black Colors: #0a0a0a, #ff3e00, #00ff88 Borders: 4px solid, no radius Layout: Grid, harsh gaps ✅ Design tokens generated

Snap Asset

JavaScript 1 npm @masyv/snap-asset
Capture web screenshots & extract site assets

Playwright-powered screenshot + asset extractor. Outputs optimized PNG + WebP side-by-side. CLI + Claude Code skill.

  • Full-page and component-level screenshots
  • Auto-extracts images, logos, icons from any URL
  • Dual PNG + WebP output via sharp
  • Works as CLI or inside Claude Code
  • Playwright under the hood — handles any modern site
GitHub npm
snap-asset
snap-asset https://linear.app --out ./assets 📸 Capturing page... viewport: 1440×900 full page: linear.png (1.2MB) 🖼 Extracting assets... logos: 3 files icons: 14 files images: 28 files ✨ Saved as PNG + WebP in ./assets/

What People / Say

This is such a real pain point. Losing 45 mins of context to a rate limit is brutal, and re-briefing another model is always where bugs get introduced.

Reddit — r/ClaudeAI

Love that you pull the JSONL transcripts and tool calls, that's the stuff that actually matters for a clean handoff.

Reddit — r/ClaudeAI

Ran into this yesterday, out of my codex tokens but had plenty of Claude to spare. Spent an hour getting Claude ready to go. This would've saved me.

u/User1542x — r/ClaudeAI

Nice! Can it go from Codex to Claude Code as well?

u/User1542x — r/ClaudeAI

Good stuff.

u/___TheArchitect — r/ClaudeAI

Community & Links

GitHub @Manavarya09

All source code. All open source. All MIT.

npm @masyv

Install any plugin: npm i @masyv/relay

Reddit u/Cheap_Brother1905

Posts, discussions, and announcements

r/ClaudeAI

Community discussion