Teaching Claude Code to Paint: A Stateful Image-Editing Skill Built on Gemini's Interactions API and MCP

TL;DR: ). Pick one of the paths below.

Path A: The plugin marketplace (fewest keystrokes)

Inside Claude Code, type:

CODE Kopieren

/plugin marketplace add xbill9/nb2lite-skill-claude

/plugin install nb2lite-image@nb2lite-skill-claude

This installs the skill and auto-registers the MCP server. The plugin manifest carries no API key (as it should!) — the server reads GEMINI_API_KEY from your environment, so make sure it's exported before launching Claude Code.

Path B: Clone and bootstrap (this repo)

CODE Kopieren

# 1. Get the code

git clone https://github.com/xbill9/nb2lite-skill-claude.git

cd nb2lite-skill-claude



# 2. One-command setup: installs deps, registers the MCP server

#    in .mcp.json, and prompts for your API key (stored in ~/gemini.key)

./init.sh



# 3. Restart Claude Code in this directory and approve the server

#    when prompted. Verify with:

/mcp        # should list nb2lite-agent

That's genuinely it. init.sh is safe to rerun if anything looks off.

Path C: Install into your project

From a clone of the repo:

CODE Kopieren

make init TARGET=/path/to/your/project ARGS='--output-dir ./images'

This copies the skill into <project>/.claude/skills/nb2lite-image/ and writes the nb2lite-agent entry into that project's .mcp.json. It reuses ~/gemini.key if you've set one up. Restart Claude Code in the target project, approve the server, done.

Path D: Docker (nothing on the host but Docker)

The server is published as , receipts and all.)

Worth noticing:

• 
  The text rendered correctly. "NB2Lite + MCP" and the full subtitle came out crisp and typo-free — that's what thinking_level: "high" buys you on text-heavy layouts.


• 
  The model illustrated its own pitch. The chain of frames (day → sunset → storm → galaxy) is the stateful edit loop — the image explains the Interactions API better than a diagram I'd have drawn by hand.


• 
  If I wanted the accent color changed, I wouldn't regenerate — I'd edit_image with that interaction ID and say "make the orange accents magenta." That's the whole point.

Dogfooding is the cheapest credibility there is: no cherry-picked gallery, no "results may vary" fine print — the tool's real output is literally the first thing you saw when you opened this article. If the skill had flubbed the lettering or mangled the layout, you'd be looking at the evidence right now. Instead, the article ships with its own proof baked into the header.

Links

• 
  Repo:
  


• 
  Interactions API reference:
  

This is a third-party community project, not affiliated with or endorsed by Anthropic or Google. Bring your own Gemini API key — and remember generations are billable, so draft on low and save high for the money shot.

Vollständiger Original-Bericht

Ausführliche Details, Code-Beispiele & Hersteller-Stellungnahme auf dev.to.

↗ Original-Artikel auf dev.to lesen