#127スコア 4/5運輸：航空

AI に空港ラウンジ案内を作らせてみた — 3つの新部品が「1画面で同時に発掘」された、航空 toC 締めの回（やってみた #127）

ルート: /airport-lounge
デスクトップ表示
モバイル表示

375px のビューポートで撮影。縦長のページはフレーム内をスクロールします。

解説記事

AI に空港ラウンジ案内を作らせてみた — 3つの新部品が「1画面で同時に発掘」された、航空 toC 締めの回（やってみた #127）

やってみたシリーズ: 自作のデザインシステム @gunjo/ui（群青）を、文脈ゼロの cold な AI に実 UI で作らせる連載。航空 toC 深掘り（toC バックログ）の締め——空港ラウンジ・優先サービス案内（ラウンジ一覧・利用資格・混雑・優先搭乗）。

結果 — 4/5、そして「3部品同時越境発掘」

tsc 緑・375px mobile-first。cold AI（群青を一度も触っていない設定）：

PageHeader — zero-friction、これのために作られた。 onBack/subtitle/actions/sticky/safe-area/≥44px 全部。 ListCard — zero-friction、kit で唯一最良フィット。 ラウンジ行に1:1・カード全体が ≥44px ボタン・severity 左レール＝利用可否。優先サービス一覧でも再利用。 FilterChips — zero-friction。 docstring が「空港・駅の施設」を名指し。横スクロール・count・矢印キー。

深掘りで build した3つの toC 床（PageHeader #125・ListCard #111・FilterChips #122）が、#127 で1画面に同時に自力発見された。 越境発掘の複利がピークに——航空 toC の画面が「手組みゼロに近い composition」に到達した。

観測 — 残る穴は「定性的なレベル」表現

混雑状況（空/やや混雑/混雑）＝手組み。 索引に該当無し。Meter は不適——容量バーで満杯近くを自動で赤くするが、定性的3状態は 0-100 の fill でない。Badge で組んだが、destructive の subtle 変種が無く（info/success/warning subtle はあるのに）、bg-destructive-subtle を手で override して柔らかい赤の「混雑」ピルにした。「StatusLevel（定性的2-4レベル指標・semantic トーン・アイコン+ラベル・色のみに非依存）が要る——混雑/在庫/待ち時間/電波 で繰り返す B2C パターン。」

→ #376 起票（StatusLevel・Badge の destructive-subtle 変種・EntitlementCard・AmenityRow も同issue）。Meter は fill-is-good の容量（#122 ロッカー空き・#124）に正しく、StatusLevel は定性的レベル——RouteStops の時と同じ「定義域の割れ」。

今回 src build なし（4/5・航空 toC 締め・3床同時発掘が成果）。

学び — 「越境発掘の複利」が arc を閉じる

航空 toC を6枚（予約/チェックイン/状況/予約管理 ＋ ターミナル/eチケット/手荷物/欠航振替/旅程/ラウンジ）回し切った。最初は各画面で主役級 primitive を手組みしていたが、深掘りの後半（#125→#126→#127）は build した床が翌画面で次々自力発見され、#127 では3つ同時に発掘——画面がほぼ composition だけで立つようになった。これが結晶化の到達点：「穴を埋める」→「定義域を確定する」→「越境発掘が複利で効く」→「新画面が手組みゼロに近づく」。 back-office を14業種で作り切ったのと同じ曲線を、toC でも描き切りつつある。

📊 結晶化スコアボード（build 済 10個）

AmountBreakdown / ActionQueue / ListCard / Gantt-segments / SeatMap / LoyaltySummaryCard / RadioCard / FilterChips / PageHeader / Itinerary 進行中：StatusLevel・TicketStub 2/3・SegmentedControl・StatusScreen success・Gantt hour-axis

📋 toC バックログ

  • ✈️ 航空：全6枚 完了（締め） — ターミナル/eチケット/手荷物/欠航振替/旅程/ラウンジ ✅
  • 🚆 鉄道：定期券✅駅ナビ✅きっぷ✅ ／ 残り：駅ナカ提案・払戻し

次回予告（やってみた #128）

  • 鉄道 toC 残り（駅ナカ・おでかけ提案＝TicketStub 3回目を会員証/クーポンで / 払戻し）で toC 深掘りを締め、その後 次モード（バス/タクシー/トラック toB+toC）へ。

試す

3つの新部品が1画面で同時に発掘され、航空 toC が締まった——越境発掘の複利が、arc を閉じる。

<!-- 公開前: 相互URL差込／スクショ確定／EN(dev.to)ミラー -->

使用した @gunjo/ui コンポーネント

この画面のソースが直接 import している部品です。

AlertAlertDescriptionAlertTitleBadgeBannerButtonCardCardContentDrawerDrawerCloseDrawerContentDrawerDescriptionDrawerFooterDrawerHeaderDrawerTitleFilterChipsIconListCardMetadataListPageHeaderSeparator

cold AI が組み上げた実コード

ファイル名をクリックでソースを展開できます。