Question 1

stagewiseとは何ですか？

Accepted Answer

**stagewise**は、プロダクションコードベース向けのフロントエンドコーディングエージェントです。ブラウザ内で直接アプリのフロントエンドをビジュアルに構築でき、**React**や**Vue**、**Angular**など、あらゆるフレームワークと互換性があります。ローカル環境で動作し、要素を選択して変更を指示するだけで、直感的に開発を進められます。

Question 2

stagewiseの特徴は何ですか？

Accepted Answer

* **DOM解析**: ウェブサイトの構造やスタイルを理解し、コンテキストに沿った提案を行います。  
* **スマートスタイリング**: 既存のデザインシステムに基づいて、デザインの調整を自動化。  
* **フレームワーク非依存**: React、Vue、Angular、Next.jsなど、主要フレームワークに対応。  
* **ビジュアル開発**: 要素に直接コメントし、変更をリアルタイムで確認可能。

Question 3

stagewiseの使用例は何ですか？

Accepted Answer

* **UIの微調整**: デザインの細かい修正を素早く実行。  
* **チームコラボレーション**: デザイナーとエンジニアの連携をスムーズに。  
* **既存プロジェクトの改善**: ブラウンフィールドプロジェクトでもすぐに活用可能。

Question 4

stagewiseの使い方は？

Accepted Answer

1. ローカルアプリを開発モードで起動: `pnpm dev` または `npm run dev`  
2. ターミナルでアプリディレクトリに移動: `cd /your/project/path`  
3. stagewiseを実行: `npx stagewise@latest`

Question 5

stagewiseは無料ですか？

Accepted Answer

はい、現在は無料で利用できます。

Question 6

どのフレームワークに対応していますか？

Accepted Answer

React、Vue、Angular、Svelte、Next.js、Nuxtなど、主要なフレームワークをサポートしています。

Question 7

既存のプロジェクトでも使えますか？

Accepted Answer

はい、ブラウンフィールドプロジェクトでも問題なく動作します。