Skip to content

Ship the Claude Code plugin (generate-app + walk-app) — 3rd distribution surface#105

Merged
dadachi merged 6 commits into
mainfrom
epic/claude-code-plugin
May 24, 2026
Merged

Ship the Claude Code plugin (generate-app + walk-app) — 3rd distribution surface#105
dadachi merged 6 commits into
mainfrom
epic/claude-code-plugin

Conversation

@dadachi
Copy link
Copy Markdown
Contributor

@dadachi dadachi commented May 24, 2026

Ships the epic/claude-code-plugin work to main: the Claude Code plugin is now the third distribution surface alongside the CLI and MCP server. Both skills are verified end-to-end on a real device (2026-05-24).

What ships

plugin/ — a Claude Code plugin loadable with claude --plugin-dir ./plugin:

Skill Does
/nativeapptemplate-agent:generate-app <spec> Runs the generator, parses out/<slug>/report.json, explains per-platform/per-layer results + domain mapping + failures with the next move. Verified: barbershop-queue, all layers green.
/nativeapptemplate-agent:walk-app <slug> ios|android Launches a generated app on a booted sim/emulator and drives mobile-mcp to capture the home screen + walk the UI conversationally, screenshots inline. Verified: Android launch → home → tap Start → auth screen, inline captures on the Pixel emulator.

Bundles two MCP servers (generator + mobile-mcp), both confirmed ✔ connected in /mcp.

Journey (squashed-PR history on the epic)

Two latent bugs fixed along the way (both: bin name ≠ package name / bad default version)

  1. Generator MCP entry is a bin of nativeapptemplate-agent → needs -p and @latest (MCP servers spawn with cwd = repo root; unpinned -p resolves the local package → command not found).
  2. @mobilenext/mobile-mcp@latest (0.0.55+) closes stdio on startup → pin 0.0.54 (matches src/mobile.ts).

Test plan

  • claude plugin validate ./plugin ✔; both MCP servers ✔ connected in /mcp.
  • generate-app end-to-end (all layers green).
  • walk-app end-to-end on Android (interactive tap-through, inline screenshots).
  • walk-app on iOS (needs WDA :8100) — documented, not yet exercised.

Merge note

Squash-merge recommended — collapses the epic (incl. the main-sync merge commit) into one clean commit on main. The doc flip was rebuilt on top of main's #101 fixes, so no conflicts.

🤖 Generated with Claude Code

dadachi and others added 6 commits May 24, 2026 15:52
…n skill (#100)

First cut of the Claude Code plugin (ROADMAP Post-v0.1 backlog → in progress on
epic/claude-code-plugin). Minimal end-to-end: generate → validate → explain.

- plugin/.claude-plugin/plugin.json — manifest (name nativeapptemplate-agent).
- plugin/skills/generate-app/SKILL.md — orchestration skill: resolve spec,
  run the CLI (local dist or npx) with --report-format=both --exit-zero, parse
  out/<slug>/report.json, and summarize per-platform layer1/2(/3) + reviewer
  parity + domain mapping; on failure surface the specific findings and the next
  move (--rename, NATIVEAPPTEMPLATE_REPAIR, NATIVEAPPTEMPLATE_VISUAL). The
  mobile-mcp home-screen walk-through is explicitly deferred to phase 2.
- plugin/.mcp.json — bundles the generator MCP server.
- plugin/README.md — local install (claude --plugin-dir ./plugin) + usage.

Fix a propagated invocation bug: there is no npm package
`nativeapptemplate-agent-mcp` (it's a *bin* of `nativeapptemplate-agent`), so
`npx -y nativeapptemplate-agent-mcp` 404s. Correct form, verified against the
published 0.2.1 with a real MCP initialize handshake from a clean dir:
`npx -y -p nativeapptemplate-agent nativeapptemplate-agent-mcp`.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
)

Second skill on the plugin epic: launch a generated app on a booted iOS sim /
Android emulator and walk its UI conversationally via mobile-mcp — capture the
home screen, list elements, tap through a flow, screenshots inline.

- plugin/skills/walk-app/SKILL.md — resolve out/<slug> + platform; get the app
  onto a device (recommended: a NATIVEAPPTEMPLATE_VISUAL=1 generate run does the
  build+install+launch; manual xcodebuild/gradlew path documented); connect
  mobile-mcp; capture + walk; stay interactive; diagnose the known device-layer
  failure modes. Honest about the booted-device + installed-build prerequisites
  (the flakiest link).
- plugin/.mcp.json — bundle @mobilenext/mobile-mcp alongside the generator server.
- generate-app SKILL.md — hand-off now points at walk-app instead of "not wired".
- plugin/README.md — document both skills + both MCP servers.
- plugin.json — 0.1.0 → 0.2.0.

Android emulator guidance follows the house rule: boot via Android Studio Device
Manager, not CLI `emulator -avd` (Studio owns adb here). Device-dependent paths
are untested from here by design — needs a booted sim/emulator on the dev machine.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…on bug) (#103)

The bundled generator MCP server failed to start with
`sh: nativeapptemplate-agent-mcp: command not found` (confirmed in Claude's
mcp-logs). MCP servers spawn with cwd = the project root; when that root is the
`nativeapptemplate-agent` package's own repo, `npx -p nativeapptemplate-agent`
resolves the *local* package and the bin isn't on the path it expects. Pinning
`nativeapptemplate-agent@latest` forces registry resolution regardless of cwd —
verified with a live MCP initialize handshake from inside the repo.

README updated to document why both `-p` and `@latest` are required.

Note: the `mobile-mcp` "✘ failed" seen alongside is unrelated — it's the user's
identical global mobile-mcp config (a standalone third-party package, no cwd
shadowing), whose connection closed during first-run npx download; it stays alive
when run standalone.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…104)

The bundled mobile-mcp server (and the user's identical global one) showed
✘ failed in /mcp: mobile-mcp 0.0.55+ closes the stdio connection on startup
(observed: "Connection closed" ~6s in, zero output), so `@latest` (now 0.0.56)
never completes the MCP handshake. 0.0.54 starts cleanly ("mobile-mcp server
running on stdio" + valid initialize response) — verified with a live handshake.

This is the same conclusion the agent core already reached: src/mobile.ts pins
DEFAULT_ARGS to @mobilenext/mobile-mcp@0.0.54 "(was @latest). mobile-mcp 0.0.55+
closes the stdio …". The plugin now matches that pin.

Side benefit: pinning makes the bundled command differ from a typical global
`@latest` mobile-mcp config, so Claude won't dedup the broken global over our
working bundled one.

Note (out of scope, separate): CLAUDE.md's Stack section still lists
`npx -y @mobilenext/mobile-mcp@latest`, which is stale/misleading given this pin.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…p pin

The plugin epic is built and verified end-to-end (generate-app + walk-app), so
update the docs from "deferred/planned" to shipped:

- README: plugin section now documents both skills + `claude --plugin-dir ./plugin`.
- CLAUDE.md: Packaging → three surfaces (CLI + MCP + plugin), with the load-bearing
  .mcp.json pins noted. Stack: mobile-mcp `@latest` → `@0.0.54` (the stale advice
  that 0.0.55+ closes stdio — the bug that cost real debugging).
- ROADMAP: Track 1 third surface = plugin; Post-v0.1 "Claude Code plugin" section
  flipped to Status: shipped, recording that the skill carried the value without
  dispatch() streaming (as predicted).
- SPEC addendum: §8 row + structural bullet → CLI + MCP + plugin (three).
- walk-app SKILL.md: add the iOS WebDriverAgent (:8100) prerequisite; Android
  needs none (adb-direct), confirmed on the Pixel emulator walk.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@dadachi dadachi merged commit 3355734 into main May 24, 2026
1 check passed
@dadachi dadachi deleted the epic/claude-code-plugin branch May 24, 2026 09:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant