Still
再生中ミュージックウィジェット
GPT 6.1 Sol
10 · デザイン事例
インタラクティブなUIコンポーネント・モジュールの事例とプロンプト（Claude Code / Codex）
Claude Code、Codex、Oil UI Skillで制作したインタラクティブなコンポーネントとUIモジュールを紹介します。チェックアウト、アップロード、可視化、コントロールパネルのデモを操作し、状態の変化、操作へのフィードバック、細部の設計を確認できます。
このタイプを参考にするときのポイント
モジュールを実際に操作し、初期状態、操作中、完了後の変化を観察します。状態が分かりやすいか、フィードバックがタイムリーか、アニメーションや視覚効果が現在の操作を理解する助けになっているかを確かめてください。
インストール・使用ガイド →
Meridian
SaaS料金ページ
GPT 6.1 Sol
Heye
サインイン・オンボーディング
GPT 6.1 Sol
Slow Groove
レコードミュージックプレーヤー
GPT 6.1 Sol
Chute
ファイルアップロードモジュール
Claude Fable 5.1
Cup Line
コーヒーマシン抽出コンポーネント
GPT 6.1 Sol
Pinch Checkout
Eコマースチェックアウトモジュール
Claude Sonnet 5.5
Sky
天気ウィジェット
GPT 6.1 Sol
In-between
スマートホームダッシュボード
GPT 6 Astra
Echo
AI音声アシスタント
Claude Opus 5.5