世界を動かす技術を、日本語で。

AI生成フロントエンドの雑さをわずかに軽減する

2026年6月12日原文(envs.net)

概要

  • AIエージェント を使った 個人用プログラム のデザイン改善体験談
  • 「Slop」スタイル の問題点とその特徴
  • Qtスタイル 適用による見た目の向上
  • 他の デザインガイドライン やスタイルの実験の提案
  • 選挙予測アプリ など具体的な応用例

AIエージェントによる個人用プログラムのデザイン試行

  • AIエージェント を使い、迅速に 見栄えの良いプログラム を生成したいという動機
  • 自分自身もAIも「センスがない」 ことが課題
  • 様々なスタイル でデザインを生成するも、どれも「Slop」感が残る
  • 「Slop」 とは、特定のスタイルではなく、他のスタイルに重ねて現れる曖昧なデザイン感
    • 例:X風のページを作っても、「X+Slop」な見た目になる現象

Qtスタイルの発見とその効果

  • 唯一「Slop」感が消えた のが Qtアプリ風 のデザイン
  • Qtスタイル をAIに指示することで、見た目が明らかに向上
  • 主観的な体験 であり、他者のフィードバックや追加実験を求める姿勢
  • 他のデザインガイドライン やスタイルで同様の効果が得られるか、さらなる検証の必要性

選挙予測アプリの具体例

  • Axiosの記事 をきっかけに、 2030年の選挙人団予測 を可視化するアプリを作成
  • ChatGPT に画像を入力し、「270-to-win」風のインタラクティブなプログラムを生成
    • 予測の変化による R(共和党)とD(民主党) のルート可視化が目的

他アプリへの応用と今後の展望

  • Qtスタイル は他の個人用ソフトウェアにも応用可能
  • Codex を使い、既存アプリも全てQtスタイルに変換
  • 見た目の満足度が向上 し、Slop感が大幅に減少
  • gpt-5.5-thinking in codex cli による実装事例

今後の課題と提案

  • Slop感 を抑えられる他のスタイルやガイドラインの調査
  • AIエージェント によるデザイン自動化のさらなる実験と共有
  • 主観的評価 だけでなく、他者の意見やフィードバックの収集の重要性

Hackerたちの意見

Qtはトレーニングデータにたくさん含まれてるね。Qtは何十年も前から存在してるし、モデルはQtのチュートリアルやスクリーンショット、ソースコード、ディスカッションなんかを見てきたはず。だから、「Qtアプリケーション」は潜在空間で非常に一貫性のある概念になってる。「Qtアプリ」はほぼ名前付きの分布みたいなもんだね。

これはあくまで個人的な好みだけど、QtのUIの多層のベベルグレーは好きじゃないな。目に無駄なグルーピングを強いる感じがして。オリジナルか、Apple、Win11のやつがいいかな。マテリアルも良さそうだけど、ラベンダーの色合いは何なの?パレットはなるべく減らすようにしてる。背景色は最大で2色、ドロップシャドウはなし、前景色は必要な分だけ、もし地味に見えたらもっと派手にする感じで。

GTKとWin11は好きだったな。

今のところ、Win11に「オリジナル」のUIがあるかどうかわからないな。Win8まではMicrosoftが新しいウィジェットセットをどんどん導入してたし。デスクトップアプリの開発についての公式な答えは「Electronを使え」って感じだと思う…それか、もっといいのはウェブアプリを作ることかな。

これは、https://csszengarden.com/の現代版が必要だね。CSSがいろんなLLMやプロンプトによって生成されるやつ。

それは最高だね!

llmzengarden?

何が気に入らないのか、具体的に教えてもらえる?俺の目には「オリジナル」は全然悪くないし、丸みを帯びた角と明るい色を除けば「QT」とすごく似てると思うけど。

それを定量化するのはすごく難しいと思う。役に立たないってわかってるけど、なんかその「雑さ」が感じられるんだよね。LLMが生成したサイトをたくさん見てきたから、「雑さ」がすぐにわかるし、魂がない感じがする。ウェブページに魂があったわけじゃないけど、一般的なLLM生成サイトにはそれがないんだよね。

もし楽しんでるだけなら、映画に合わせてテーマを作るとか、面白いオプションがたくさんあるよ(『時計じかけのオレンジ』や『バックルーム』、強い美的感覚のあるものを考えてみて)。スクリーンショットや写真を投げて「デザインシステム」として使うのもいいよ(雑誌や印刷のレイアウトは、強いモデルでうまくいくことがある)。

うーん、どれもイマイチに見えるな。自分用の小さなツール作るときは、Svelte使って、Tauriでまとめるだけ。グラフィカルなヒントは全然なし。でも、個人的には結構いい感じに仕上がるよ。

ここで言われてる「オリジナル」って、プロンプトなしのやつだね(https://envs.net/~volpe/projects/ai-design.html)。でも、これらはAI生成ってすぐ分かることが多い。そんなに悪くはないと思うけど、確かにバレるポイントだね。

Hacker Newsで議論の続きを見る