GoogleのstitchとAntigravityを併用すると思い通りのアプリ作れるので感動した

AIの時代の変化がはえーっす。

今日出たStitchというAIでプロトの画面を作り、アプリを作ってみた感想の記録です。

今回やったこととしては、Stitchでプロトの画像とコードを作ってもらい、Antigravityでコーディングとコンポーネントの作成をお願いしました。

Stitchの使い方は以下のサイトにアクセスし、デザインのリクエストを飛ばすだけ。

UI作るAIなのにUI崩れているのは笑うが。

AIが作ったUIがこれ。画像とコードの両方が生成されます。

チャット機能付きのポモドーロタイマー。

コンセプトはみんなで集中(ぜってーしねーだろとは思いますが)

これをベースに作っていったのがこれ。

VercelとSupabaseの無料プランのみで動くぞ~~~。

すごいぞー。

最近は毎日こんな感じでアプリ作っています。

Stitchのすごいところはデザインが先行するところ

今までVibeコーディングってシステム部分が先行してしまうことが多かったのですが、プロトのデザインをAIに任せ、そこの調整をしながらコーディングを始められるので、UIのイメージをつけやすいところにあると思うんですよね。

仕様書があいまいな状態からでも雰囲気をつかむことができるので、結果的に仕様書に落とし込むことがやりやすいなという感想です。

つくるぞーと思ってからデプロイするまで数時間って感じだったので、相当早くなったなあという感想です。

またやりたい。

タイトルとURLをコピーしました