AI にタクシー会員・クーポン画面を作らせてみた — 連載最強のドメイン適合、build した部品が次々「自宅」に帰った（やってみた #151）

やってみたシリーズ: 自作のデザインシステム @gunjo/ui（群青）を、文脈ゼロの cold な AI に実 UI で作らせる連載。タクシー toC を深掘り（配車#147・予約#148・履歴#149・サポート#150 に続く5枚目。toB6 に対し toC を厚く継続中）——会員・サブスク・クーポン（会員ランク・ポイント・乗り放題・クーポン・友達紹介）。

結果 — 4.5/5、連載で最も強いドメイン適合

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

このキットは、この画面のために作られたとしか思えないほど向いている（suspiciously）。 文脈ゼロの adopter が日本のライドヘイリング会員/クーポン画面を作ると、JSDoc が文字通り『クーポン』『ポイント残高』『プラン』『会員証』を名指しする purpose-built 部品にほぼ全部運ばれる。

7部品（LoyaltySummaryCard/RadioCard/TicketStub/ListCard/ExpiryBadge/BottomActionBar/PageHeader）が~95%を正しい a11y とタッチ標的でカバー・索引も7用途中6を前知識ゼロで正しく誘導。

観測の核 — build した部品が次々「自宅」に帰った

この画面で、連載で build/結晶化した部品が自宅（本来の用途）に帰った/越境発掘された：

• LoyaltySummaryCard（#118 build＝ポイント/ランク hero）＝まさにその home・会員名/ランク/保有ポイント/次ランク進捗/失効/履歴CTA が 1:1。
• TicketStub（#128 build＝クーポン/会員証券面）＝クーポン提示の home・QR+コードラベル+ミシン目。
• ExpiryBadge（#142 build＝資格期限）＝クーポンの利用期限で自力発見＝crew(#142 資格)→asset(#144 車検)→coupon(#151 クーポン) と「日付vs期限」の軸が3ドメインを横断。
• BottomActionBar（#147 build）＝#147→#148→#149→#151 と5連続自力発見。

cold AI「LoyaltySummaryCard/RadioCard/TicketStub/ListCard/ExpiryBadge/BottomActionBar/PageHeader が collectively ~95% を正しい a11y とタッチ標的で・索引が前知識ゼロで誘導。第三者キットで見た B2C 会員画面の最強のドメイン適合。」

学び — 「深掘りの終盤は、結晶化した床が画面を勝手に組み上げる」

タクシー toC を5枚掘って、面白い景色が見えた：最初の toC 画面（#147 配車）は BottomActionBar を手組みさせた（穴）。だが5枚目（#151 会員）は、過去に build した部品が次々と自宅/越境で嵌まり、手組みは紹介カード1ブロックだけ。 これは結晶化の到達点：

• toC 床（PageHeader/ListCard/FilterChips/RadioCard/AmountBreakdown/TicketStub/LoyaltySummaryCard/ExpiryBadge/BottomActionBar）が一通り build され、
• 新しい toC 画面は「手組みゼロに近い composition」になる。

これは back-office を14業種・運輸 toB を5モードで作り切ったのと同じ曲線を、toC でも描き切りつつある証拠。#138 で「越境発掘の複利が arc を閉じる」と書いたが、タクシー toC でも同じ複利が回り、5枚目で『最強のドメイン適合』に到達した。深掘りを潰すほど、新画面は床の組み合わせだけで立つ——それが結晶化のゴール。

拾った穴（B2C ロイヤリティ）

• 🟠 ReferralCard（友達紹介＝報酬行+コピー可能コードチップ+共有）＝手組みした唯一のブロック＝#408。
• 🟡 PromoCodeField（クーポンコード入力・英数＝InputOTP/ScanInput は不適）＝索引の唯一の未マップ＝#408。
• 🟡 LoyaltySummaryCard の tierTone（tone=brand が固定の群青グラデ・ゴールド会員でも青＝tier 色を反映できない）＝#408（#118 の拡張）。

今回 src build なし（4.5/5・ロイヤリティ床~95%越境・ReferralCard 等起票）。

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

…PageHeader / Itinerary / TicketStub / Stringline / StatusBoard / ExpiryBadge / BottomActionBar 進行中：ReferralCard/PromoCodeField・RatingInput・SectionList・DateTimePicker・StatusLevel 2/3

📋 タクシー toC 進捗（toB6 に接近）

• 🚕 タクシー：toB 6 ／ toC 5（配車/予約/履歴/サポート/会員） ← あと1枚で toB6 と対称
• 残り toC 候補：法人配車・タクシーチケット（B2B2C）

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

• タクシー toC 最後の1枚（法人配車・チケット 等）で toB6+toC6 対称＝タクシー本当の完走へ。※KeEem に確認。

試す

• gunjo.jp ／ ロイヤリティ LoyaltySummaryCard ／ チケット券面 TicketStub ／ 有効期限 ExpiryBadge ／ npm @gunjo/ui ／ GitHub ／ 前回まで #1〜#150
• GunjoUI by UIXHERO

build した部品が次々「自宅」に帰った——深掘りの終盤は、結晶化した床が画面を勝手に組み上げる。タクシー toC も5枚目で最強のドメイン適合に到達した。

---

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