バイブコーディングで GUI が壊れていく理由とその対策プロンプト

TLDL バイブコーディングで制御しきれなくなった GUI アプリがあったら AI に、以下の指示をそのまま伝えてみてください。 すべてのコンポーネントを Root の配下に置き、各コンポーネントは MVP パターンの Passive View として描画に関わるパラメータだけを操作し、動作は Chain of Responsibility でイベントをバブリングさせて、ステートマシンとして振る舞う Mediator に裁定させること。 はじめに 私が開発している「CooSenpAI」はmacOS 上で常駐するAIアシスタントです。 AI に指示を出さなくても、ユーザーのやってることを理解したり、かゆいところに手が届くショートカットを多数もっている便利なツールです。 便利な反面仕組みは複雑です。 キーボードの特定のキーを押すと画面の範囲選択や文章のコピーができます。 同じように音声入力の開

[yamadadadada2]

ここまで込み入った話でなくとも、なんとなく画面の話はロジックほどスムーズにいかないという気がしてる。その割に「え！これは簡単にできるの？」と思うこともあるんだよな

[qpci32siekqd]

GUI、最初に画像生成してHTMLにして渡してゴール決めても全然違うのが出てきたり、ちょっと修正すると他も崩れる印象がある。スクリーンショット見せても人と見え方が全然違っているので指示が効きにくい

[nakag0711]

バイブコーディングといえば聞こえはいいが設計なしに泥縄式機能追加を重ねるわけだからそりゃスパゲッティになるよねえ。いくら開発者が優秀でも先行き見通せないとこうなる

[Yoshiya]

GoogleAIStudioで画面設計させたら同じ機能のボタンを3箇所の配置されたのは参った。AIはお節介焼きである。

[otchy210]

GUI に関してはコードを見ないまでも「こことそこのコンポーネント共通化されてないよね？」「マージンの差異はデザイントークンで吸収して」「ここのアニメは duration 長すぎ」とかかなり具体的に指摘してる。

[kshtn]

もうプロンプトがコードになってんじゃん。AIは copilot 以上にはなれないと思うけどな

[khtokage]

AIならウォーターフォールが機能する話にも通じるけど、昔ながらの堅牢なやり方（でも人間だと堅すぎて歪みが出る）がAIだと上手く機能すること多いですよね。モダンな言語やフレームワークは柔らかすぎるイメージ。

[strawberryhunter]

視覚的なことは苦手なのは確かだけど、そんな困ることないな。使っているモデルとかエージェントが違うんだろうか。

[atsushieno]

hello worldしか機能がないのにMV-*なんて使わんし、人間もそこに屋上屋やっていったら設計パターンなんて勝手に追加せんし、AIのせいにするなんて…指示出しする開発者側が優秀であるようにはとても思えないのだが…

[TOTm]

ガードレールやskillsの設計が甘いんじゃないのかな。

[shoh8]

どこかで必ず構造にレビューを入れないと

[jintrick]

Terra「要するに「状態遷移の決定者が一箇所にいない」設計が根本原因です。」

[awawann]

めちゃたすかる

[nguyen-oi]

AIにプロンプト唱えてGUI制御させる設計呪文ワロタ。結局クラシックな設計パターンに行き着くのね