AppLoop

概要

• 生成されたNext.jsアプリをテンプレートから作成し、実際に動作するライブプレビューを確認しながら開発できます。
• 画面上で変更対象のUI要素を直接選択し、AIに正確な修正指示を伝えられるローカル優先の開発環境です。

主な特徴

• Inspectモードで選んだ要素のクラス名、セレクター、ルート、周辺メタデータをAIに渡し、意図した箇所へ限定的に変更を適用します。
• プロジェクトごとに会話履歴、テーマ、スクリーンショット、実行ログ、SQLite状態、Gitベースのチェックポイントを保持します。
• Hermesの応答をストリーミングしながらプレビューを自動更新でき、生成物を本格的なNext.jsソースコードとして管理できます。

こんな人におすすめ

• AIに画面修正を頼む際、対象コンポーネントの取り違えや変更範囲の広がりを避け、視覚的に正確な開発を行いたい人に適しています。
• クラウドサービスに依存せず、会話や実行状態をローカルで保持しながら、生成アプリの所有権と開発環境を管理したい開発者向けです。