BugPack

Package bug screenshots into AI-ready fix instructions in 30 seconds

Quick Start · MCP Config · OpenClaw · Features · Integrations

English | 中文

What is BugPack?

BugPack is a local-first tool that packages bug screenshots into structured, AI-ready fix instructions.

QA drops a screenshot in the chat → you Ctrl+V paste it into BugPack → annotate the issue → generate structured instructions → feed them to your AI coding agent.

Or skip the copy-paste entirely: BugPack's built-in MCP Server lets any MCP-compatible AI coding tool (Claude Code, Cursor, Windsurf, Cline, etc.) read bug context and fix code automatically.

Why BugPack?

AI coding agents changed how we write code, but not how we communicate bug context.

Every bug fix still requires: save screenshot → create file → write paths → describe the issue → paste to AI. 10 bugs a day = 1-2 hours of pure repetition.

BugPack compresses this to 30 seconds.

Requirements

• Node.js >= 18
• OS — Windows / macOS / Linux
• Browser — Chrome / Edge / Firefox (Chrome recommended)

Quick Start

npx bugpack-mcp

Open http://localhost:3456 and Ctrl+V your first bug screenshot to get started.

MCP Configuration

BugPack works with any MCP-compatible AI coding tool. Here are common examples — configure other tools the same way.

Claude Code — add to ~/.claude.json:

{
  "mcpServers": {
    "bugpack": {
      "type": "stdio",
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

{
  "mcpServers": {
    "bugpack": {
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

{
  "mcpServers": {
    "bugpack": {
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

{
  "servers": {
    "bugpack": {
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

{
  "cline.mcpServers": {
    "bugpack": {
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

{
  "mcpServers": {
    "bugpack": {
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

{
  "mcpServers": {
    "bugpack": {
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

{
  "mcpServers": {
    "bugpack": {
      "command": "npx",
      "args": ["bugpack-mcp", "--mcp"]
    }
  }
}

Once configured, just tell your AI:

• "Show me pending bugs" → AI calls list_bugs
• "Fix bug #3" → AI calls get_bug_context, locates code, and fixes it
• "Mark bug #3 as fixed" → AI calls mark_bug_status

OpenClaw Skills

BugPack provides OpenClaw Skills for AI agents that support the OpenClaw protocol.

Install via CLI:

clawhub install bugpack

Or add to ~/.openclaw/openclaw.json:

{
  "skills": {
    "entries": {
      "bugpack": {
        "enabled": true
      }
    },
    "extraDirs": ["./skills"]
  }
}

Or manually: copy the skills/ directory from this repo into your workspace or ~/.openclaw/skills/.

BugPack includes 3 built-in skills:

Once installed, just tell your AI:

• "Show me bugs" → AI calls bugpack-list-bugs
• "View bug details" → AI calls bugpack-view-bug, shows screenshots and context
• "Fix this bug" → AI calls bugpack-fix-bug, locates code, fixes it, and marks as done

Note: OpenClaw Skills require BugPack server running (npx bugpack-mcp). Skills communicate with the local server via REST API on http://localhost:3456.

Features

Screenshots & Annotations

• Clipboard paste — Ctrl+V to paste screenshots directly from any chat tool
• Drag & drop — drop image files onto the canvas
• 9 annotation tools — drag/pan, select, rectangle, arrow, text, numbering, highlight, pen, mosaic
• Compare mode — side-by-side comparison of "current" vs "expected" behavior
• Undo / Redo — full operation history

AI Instruction Generation

• One-click generation — produces structured Markdown fix instructions
• Universal MCP support — works with any MCP-compatible AI coding tool

MCP Server

Built-in MCP Server lets AI coding agents directly access bug context:

Platform Integrations

Import bugs from project management platforms, sync fix status back:

• Zentao · Jira · Linear · TAPD

More

• 100% local — data never leaves your machine, SQLite storage
• Multi-project — manage bugs independently per project
• Dark / Light theme — follow your preference
• i18n — Chinese / English
• Keyboard shortcuts — efficient workflow

Workflow

Paste screenshot → Describe issue → Generate instructions → AI fixes code
       │                             │                      │
       │              ┌──────────────┘                      │
       ▼              ▼                                     ▼
   BugPack       Copy Markdown                        MCP Server
    Canvas      paste to AI tool                 AI reads & fixes directly

Data Storage

All data is stored locally:

• Data directory: ~/.bugpack/data/
• Database: bugpack.db (SQLite)
• Screenshots: uploads/{ProjectName}/{uuid}.{ext}

Tech Stack

Contributing

See CONTRIBUTING.md for guidelines.

License

MIT