英語1文を渡すと、整合性のとれた Rails 8.1 API + ネイティブ SwiftUI iOS + ネイティブ Jetpack Compose Android の実装を生成する Claude Code エージェントを OSS(MIT)で公開しました。
npx nativeapptemplate-agent "a walk-in queue for a barbershop"
- GitHub: https://github.com/nativeapptemplate/nativeapptemplate-agent
- Product Hunt: https://www.producthunt.com/products/nativeapptemplate-agent
- 40秒デモ: https://youtu.be/fsjfskPWecQ
解決したかった痛点
モバイルプロダクトを作るとき、同じドメインを 3つ で実装し直す必要があります:
- マルチテナント Rails API
- ネイティブ iOS
- ネイティブ Android
3つを 整合性を保ちながらイテレーションする のが何より大変です。命名のズレ、契約ドリフト、ローカライズの食い違い... 「AI がアプリを作る」系のツールはほぼ web フロントエンドで止まっており、この3プラットフォーム整合性の問題に踏み込んだものは少ないという課題感がありました。
アーキテクチャ
エージェントは planner → 3 platform workers → reviewer → vision judge の構成です:
- Planner: 自然言語のスペックを構造化ドメインスペック(エンティティ、フィールド、状態機械)に変換
- 3 platform workers: Rails / iOS / Android の各サブエージェントが並列で実装を編集
- Reviewer: OpenAPI を継続的に diff してプラットフォーム間の契約ドリフトを防止
- Vision judge: Claude Opus 4.7 のビジョン機能で実機シミュレータのスクリーンショットを評価
self-repair loop は5回に hard-cap しています(無限ループ防止)。
検証
3 specs(walk-in queue / restaurant waitlist / task tracker)× 2 editions(free MIT + paid)× 2 platforms(iOS + Android)で 12/12 end-to-end PASS。
- Layer 1 — 構造: ripgrep + OpenAPI parity チェック
-
Layer 2 — 実行:
xcodebuild/./gradlew assembleDebug/bin/rails testがすべて pass - Layer 3 — 意味: Opus 4.7 vision judge、3-run median scoring
本物の iPhone 17 Pro シミュレータ + Android エミュレータで実走。モックではありません。検証レポートは自己完結型 HTML として生成されます。
3つの配布形態
1コードベースから3つの surface:
-
CLI:
npx nativeapptemplate-agent "your spec" -
MCP サーバー: Cursor / Cline / Goose など任意の MCP 対応アシスタントから
generate_appツールとして呼び出し -
Claude Code プラグイン:
/nativeapptemplate-agent:generate-app+/nativeapptemplate-agent:walk-appスラッシュコマンド。walk-appは生成済みアプリを実機シミュレータ上で起動し、mobile-mcp 経由で UI を操作してホーム画面のスクリーンショットを Claude Code の会話にインラインで表示します。
ベース
このエージェントは、App Store + Google Play で約2年運用している MyTurnTag Creator から抽出した本番ボイラープレートを customize する形で動作します。フィクションのデモではなく、実プロダクトの抽出物の上に AI を乗せた構成 です。
まとめ
東京で個人開発、MIT ライセンス。Claude Opus 4.7 + Claude Agent SDK で構築。
ぜひ覗いていただけると嬉しいです 🙏