Wusel Capture

Refine in the browser. Ship with your LLM.

Wusel Capture lets you mark up any web page, then let Claude/Codex implement your changes. All open source and free.

Download extensionInstall skill
wusel.app

How it works

From sketch to shipped in three steps

  1. 01

    Install the extension

    Add Wusel Capture to Chrome and pin it. You are ready to capture on any site.

  2. 02

    Annotate the change

    Screenshot the page, mark what needs to change.

  3. 03

    Your AI ships it

    Send to VS Code (Claude/Codex), which implements the changes.

Why Wusel Capture

Built for the way you work

Private by design

Captures are processed locally in your browser and handed to your own Claude Code. Never sent to our servers.

Any page

Grab the full page, the viewport, or a region you select. Annotate with text, arrows, boxes, and redaction.

Open source

MIT-licensed and transparent. Add the skill your AI uses with a single npx command.

The skill

Your AI changes exactly what you marked

The skill teaches your AI how to read a capture and implement it inside your codebase — following your design system instead of bolting on something new.

  1. 01

    Locate the page

    From the captured URL, it finds the route and source file that renders the page you marked up.

  2. 02

    Locate the component

    It matches your arrows, boxes, and notes to the exact component and markup on the page.

  3. 03

    Reuse what exists

    It edits with your existing components, design tokens, and fonts following your patterns, not reinventing them.

Install skill

Get started

Two installs and you are live: the Chrome extension to capture, and the skill so your AI can implement.

Install skill

$ npx skills add wusel-capture
Download Chrome extension