---
name: fix-engine
description: A drop-in Claude Code / Claude Desktop skill. Alt+click any element in your web app to leave a note, and Claude captures full context automatically (screen, DOM path, nearby text, source file) so it never has to search the codebase to understand what you mean. Say the trigger word to have Claude work through the whole queue of notes.
---

# Fix Engine

A lightweight, removable feedback-capture system for web apps built with Claude. Solves the "pixel-pushing ping-pong" problem: describing UI tweaks and bugs in chat wastes tokens on Claude searching the codebase to figure out what you mean. This system captures the full context automatically so Claude never has to guess or search.

## How to install

1. Copy this file into your project as `.claude/skills/fix-engine/SKILL.md` (Claude Code) or your skills folder (Claude Desktop / Cowork).
2. Tell Claude: "set up the fix engine in this project" and it will build the capture listener, kanban store, and trigger workflow described below.

## Core design

1. Alt+click capture: a global click listener that checks for the Alt key. On trigger, prevents default and opens a small floating note box near the click point.
2. Context bundle per capture: active route/tab, DOM ancestor chain, nearby text, position/size, and a source-file hint from one-time `data-area` tags on major containers.
3. Kanban store: a single JSON file or table with three statuses — queued, in_progress, done.
4. Trigger word workflow: say "fix" (or your own chosen word) and Claude pulls every queued card, fixes it using the captured context (no repo-wide search needed), and reports one line per card.
5. Ambiguous cards are flagged, never guessed.
6. Built as a removable scaffold — one folder, no new dependencies, delete anytime.

Full build instructions: tell Claude "build me a fix engine" and it will implement all of the above end to end in your project.

— Built by Masterphub (masterphub.io)