
KEEB · キーオーダー
メカニカルキーボードコンフィギュレーター
GPT 6.1 Sol
5 · デザイン事例
メカニカルキーボード、ハンドメイドブレスレット、ランニングシューズ、家具の実際に動くコンフィギュレーターを紹介します。選択肢、ライブプレビュー、価格や注文内容の要約がどう連携するかを操作で確かめ、元のタスクプロンプトも確認できます。
見た目を判断する前に、一度設定を最後まで完了します。選択肢同士の制約、選択中の項目へのフィードバック、素材や色の変更がすぐ反映されるかを確認し、最後に価格、仕様、カートに追加する前の注文内容が一致しているかを確かめます。
インストール・使用ガイド →
メカニカルキーボードコンフィギュレーター
GPT 6.1 Sol

カスタムハンドメイドブレスレット
GPT 6.1 Sol

ランニングシューズ製品ページ
GPT 6.1 Sol

手作り家具工房のウェブサイト
GPT 6.1 Sol

スマートウォッチフェイスストア
GPT 6.1 Sol
「中央の大見出しと3枚のカード」というありきたりなAIランディングページから抜け出す方法を解説します。ギャラリーのOrvo、Atelier Volders、Fonderie Mercierを例に、サイト設計の流れとプロンプトを紹介します。
デザイン手法 · 複数方向の並列比較1回の生成で一案しかなければ、それが最適かどうか判断できません。Oil UIのHTML比較ページの仕組みと、同じブリーフから作られたOrvo、Atelier Volders、Fonderie Mercierの複数方向の完成品を紹介します。
デザイン手法 · 実際のスクリーンショットとブラインドレビューJSXとCSSを見るだけでは、文字の切り詰め、くすんだコントラスト、レイアウトの重心の偏りを見つけられません。Oil UIが1440px / 390pxの実ブラウザースクリーンショット、200%の部分拡大、色面構造図、コンテキストなしのサブエージェントレビューで品質を確認する方法を解説します。