プロジェクト一覧に戻る
April 2026 - PresentACTIVE

AttractiveWebAI

手描きのワイヤーフレームやモックアップを、マルチモーダルAIモデルを活用して、インタラクティブでモダンなフロントエンドコードへ即座に変換するプラットフォームです。

技術スタック

Next.jsTailwind CSSFramer MotionGemini Pro API

プロジェクトのリンク

プロジェクトの状況

active

学びと振り返り

マルチモーダルなフィードバックループを統合するには、精密にチューニングしたシステムプロンプトと即時レンダリングのサンドボックスが必要です。コード生成にデバウンスを実装し、不要なLLM API呼び出しを大幅に削減しました。

ギャラリー

AttractiveWebAI Screenshot 1