AI・機械学習
Show HN: あなただけのテーマパークを構築する
Show HN: Build your own theme park (magicpatterns.com)
要約
Magic Patternsのエンジニアが、AIを用いて「Rollercoaster Tycoon」風のテーマパークを自動生成するエージェントを開発しました。このエージェントは、ウェブサイトのデザインシステム構築で培われた、一貫性を保つためのガードレールやコンポーネントのルール適用という考え方を応用しています。ユーザーは簡単なプロンプトで、ゲストやアトラクション、テーマ別のエリアを持つ機能的なパークを生成できます。
全文翻訳
私は、Rollercoaster Tycoonに影響を受けたテーマパークを構築するのを助けるエージェントを開発しました。例えば、「クールなテーマパークを作って」と指示すると、複数のワールドを持ち、パスとアトラクションで接続された、まとまりのあるテーマパークが構築されます。
奇妙なのは、AI生成ウェブサイトを企業のデザインシステムに従わせるために使用するのと同じアイデアを使ってこれを構築したことです。
私はMagic Patternsでエンジニアとして、既存のブランド、コンポーネント、規約を使用して、一般的なAI生成UIのように見えるものではなく、それらを活用するDesign System Agentの構築に注力しています。
デフォルトでは、モデルは似たようなデザインに収束する傾向があります。これは「バイブスでコードされたゴミ」という感覚の一部です。つまり、同じタイポグラフィ処理、シャドウ、カード、アイコン、アニメーションなどです。私の仕事は、適切なコンテキストとガードレールを見つけ出し、「ダッシュボードを作成して」と指示したときに、結果が実際の既存の製品のように見えるようにすることです。
ある時点で、それらの同じアイデアがRCTにも応用できることに気づきました。
ウェブでは、どのタイポグラフィ、色、スペーシング、コンポーネントを一緒に使用すべきかについてのルールがあるかもしれません。
テーマパークでは、ローラーコースターには完全なトラックが必要、アトラクションにはパスで接続された入り口が必要、パスはパークの異なるエリアを接続する必要がある、海賊テーマのワールドには実際に海賊テーマの装飾を使用する必要がある、といったルールが必要です。
まとまりのあるテーマパークを構築する問題が、まとまりのある製品UIを構築する問題とどれほど似ているかを見るのは興味深かったです。ウェブデザインと同様に、モデルに適切なコンポーネントを与えるだけでは十分ではありませんでした。
最終的に、Magic Patternsがパークを生成し、別のエージェントがルーブリック(評価基準)に基づいてそれを採点し、その後エージェントがルールとスキルファイルを更新してから再度試行するという評価ループを構築しました。
ルーブリックは、ローラーコースターが少なくとも1つの落下を持つ有効なトラックを形成しているか、アトラクションがパスからアクセス可能か、各ワールドが適切なテーマの装飾を使用しているか、パーク全体として機能しているかなどをチェックしました。
多くのイテレーションの後、今では「クールなテーマパークを作って」のような簡単なプロンプトで、ゲスト、アトラクション、パス、ローラーコースター、テーマ別のワールドを備えた完全に機能するパークを手に入れることができます。
さらに良いことに、ゲストをフォローしたり、彼らの考えを聞いたり、RCTのように彼らがアトラクションに乗るのを見たりすることもできます。
質問があれば喜んでお答えしますが、皆さんが作成したパークを見るのを楽しみにしています!