コードベース全体をAIにコピー＆ペーストするのはもうやめよう — 段階的アプローチを試そう

フロントエンドプロジェクトでAIを使用する場合、プロジェクト構造を20分間説明してもAIが何を作ろうとしているのかを誤解することがあります。 通常の会話では、コードを共有し、フォルダ構造を説明し、UIを説明しますが、AIが生成するコードが望んでいないものになる場合があります。 Stagewiseは、ブラウザートールバーであり、フロントエンドをAIエージェントに可視化することで、フォルダ構造やUI要素の説明を省くことができます。 Stagewiseでは、要素をポイントクリックし、コンテキストを追加し、AIは視覚的およびテキストコンテキストを受け取り、変更を行います。 設定には5分未満しかかからないし、現在はWindsurfとをサポートしており、将来的には他のエディターも予定しています。 Stagewiseを設定するには、VS Code Marketplaceから拡張機能をインストールし、ツールバーを設定し、アプリケーションを実行する必要があります。 Stagewiseは、コンテキストの説明に大量の時間を節約し、正確に何をポイントしているのかをAIが理解します。 このツールは主要なフレームワーク全てをサポートしており、React、Next.js、Vue、Nuxtなどを含み、実装の詳細は例えばリポジトリを確認することができます。 Stagewiseは、AIを使用したフロントエンド開発のゲームチェンジャーであり、ドキュメントやVS Code拡張機能で詳細を確認することができます。