2025-06

ClaudeのUIデザインをコンポーネント・パターン・フローごとにまとめています。webデザイン、アプリデザインの参考に活用ください。

仕事効率化

Talk with Claude, an AI assistant from Anthropic

Claude

トップページ

claude-web-410-1750583502282-0.webp

claude-web-410-1750583502608-1.webp

claude-web-410-1750583502923-2.webp

claude-web-410-1750583503216-3.webp

claude-web-410-1750583503525-4.webp

claude-web-410-1750583503856-5.webp

claude-web-410-1750583504146-6.webp

claude-web-410-1750583504458-7.webp

claude-web-410-1750583504765-8.webp

claude-web-410-1750583505050-9.webp

アカウント作成

claude-web-410-1750583505346-10.webp

claude-web-410-1750583505607-11.webp

claude-web-410-1750583505921-12.webp

claude-web-410-1750583506174-13.webp

claude-web-410-1750583506469-14.webp

claude-web-410-1750583506748-15.webp

claude-web-410-1750583506988-16.webp

claude-web-410-1750583507283-17.webp

claude-web-410-1750583507582-18.webp

claude-web-410-1750583507929-19.webp

claude-web-410-1750583508769-20.webp

claude-web-410-1750583509159-21.webp

claude-web-410-1750583509415-22.webp

claude-web-410-1750583509712-23.webp

ホーム

claude-web-410-1750583509983-24.webp

claude-web-410-1750583510253-25.webp

claude-web-410-1750583510580-26.webp

チャットする

claude-web-410-1750583510875-27.webp

claude-web-410-1750583511117-28.webp

claude-web-410-1750583511371-29.webp

claude-web-410-1750583511670-30.webp

claude-web-410-1750583512025-31.webp

claude-web-410-1750583512381-32.webp

ポジティブなフィードバックを送る

claude-web-410-1750583512728-33.webp

claude-web-410-1750583513030-34.webp

claude-web-410-1750583513544-35.webp

claude-web-410-1750583514032-36.webp

改善フィードバックを送る

claude-web-410-1750583514440-37.webp

claude-web-410-1750583514744-38.webp

再試行

claude-web-410-1750583565448-0.webp

claude-web-410-1750583565969-1.webp

claude-web-410-1750583566284-2.webp

コード

claude-web-410-1750583566698-3.webp

claude-web-410-1750583567030-4.webp

claude-web-410-1750583567440-5.webp

claude-web-410-1750583568212-6.webp

claude-web-410-1750583569398-7.webp

claude-web-410-1750583569740-8.webp

claude-web-410-1750583570850-9.webp

claude-web-410-1750583571475-10.webp

claude-web-410-1750583571850-11.webp

戦略立案

claude-web-410-1750583572236-12.webp

claude-web-410-1750583572521-13.webp

claude-web-410-1750583573030-14.webp

claude-web-410-1750583573737-15.webp

画像をアップロード

claude-web-410-1750583574333-16.webp

claude-web-410-1750583574694-17.webp

claude-web-410-1750583575157-18.webp

claude-web-410-1750583575533-19.webp

claude-web-410-1750583575872-20.webp

ファイルをアップロード

claude-web-410-1750583576555-22.webp

claude-web-410-1750583576893-23.webp

claude-web-410-1750583577305-24.webp

claude-web-410-1750583578501-25.webp

Github連携

claude-web-410-1750583578853-26.webp

claude-web-410-1750583579197-27.webp

claude-web-410-1750583579576-28.webp

claude-web-410-1750583579929-29.webp

claude-web-410-1750583580336-30.webp

claude-web-410-1750583580682-31.webp

スタイルを使用・web検索

claude-web-410-1750583583196-32.webp

claude-web-410-1750583583560-33.webp

claude-web-410-1750583583935-34.webp

claude-web-410-1750583584508-35.webp

claude-web-410-1750583584819-36.webp

claude-web-410-1750583585206-37.webp

claude-web-410-1750583585581-38.webp

claude-web-410-1750583585986-39.webp

claude-web-410-1750583586768-40.webp

メッセージを編集

claude-web-410-1750583587164-41.webp

claude-web-410-1750583587569-42.webp

claude-web-410-1750583587917-43.webp

claude-web-410-1750583588245-44.webp

claude-web-410-1750583588588-45.webp

アーティファクトを公開

claude-web-410-1750583588926-46.webp

claude-web-410-1750583589304-47.webp

claude-web-410-1750583590047-49.webp

チャット

claude-web-410-1750583600346-0.webp

claude-web-410-1750583600770-1.webp

claude-web-410-1750583601124-2.webp

claude-web-410-1750583601525-3.webp

チャットを一括削除

claude-web-410-1750583601940-4.webp

claude-web-410-1750583602277-5.webp

claude-web-410-1750583602612-6.webp

claude-web-410-1750583602993-7.webp

チャットにスターを追加

claude-web-410-1750583603349-8.webp

claude-web-410-1750583603644-9.webp

チャットの名前を変更

claude-web-410-1750583604017-10.webp

claude-web-410-1750583604350-11.webp

claude-web-410-1750583604694-12.webp

チャットを削除

claude-web-410-1750583604969-13.webp

claude-web-410-1750583605296-14.webp

claude-web-410-1750583605585-15.webp

設定

プロファイル

claude-web-410-1750583645617-0.webp

claude-web-410-1750583646020-1.webp

claude-web-410-1750583646827-2.webp

claude-web-410-1750583647162-3.webp

外観・ダークモード

claude-web-410-1750583647480-4.webp

claude-web-410-1750583647774-5.webp

claude-web-410-1750583648079-6.webp

claude-web-410-1750583648368-7.webp

claude-web-410-1750583648689-8.webp

claude-web-410-1750583648981-9.webp

claude-web-410-1750583649313-10.webp

claude-web-410-1750583649630-11.webp

アカウント

claude-web-410-1750583649948-12.webp

ログアウト・ログイン

claude-web-410-1750583650237-13.webp

claude-web-410-1750583650495-14.webp

claude-web-410-1750583651100-15.webp

アカウント削除

claude-web-410-1750583651433-16.webp

claude-web-410-1750583651721-17.webp

claude-web-410-1750583652055-18.webp

claude-web-410-1750583652346-19.webp

プライバシー

claude-web-410-1750583652648-20.webp

請求・アップグレード

claude-web-410-1750583652983-21.webp

claude-web-410-1750583653295-22.webp

claude-web-410-1750583653599-23.webp

claude-web-410-1750583653882-24.webp

claude-web-410-1750583654200-25.webp

claude-web-410-1750583654607-26.webp

claude-web-410-1750583654913-27.webp

claude-web-410-1750583655193-28.webp

claude-web-410-1750583655477-29.webp

claude-web-410-1750583655830-30.webp

claude-web-410-1750583656097-31.webp

連携機能・連携解除

claude-web-410-1750583656352-32.webp

claude-web-410-1750583656631-33.webp

claude-web-410-1750583656879-34.webp

claude-web-410-1750583657205-35.webp

その他

claude-web-410-1750583657458-36.webp

claude-web-410-1750583657737-37.webp

claude-web-410-1750583658040-38.webp

claude-web-410-1750583658392-39.webp

claude-web-410-1750583658680-40.webp

claude-web-410-1750583658956-41.webp

claude-web-410-1750583659231-42.webp

claude-web-410-1750583659582-43.webp

claude-web-410-1750583659950-44.webp

claude-web-410-1750583660250-45.webp

claude-web-410-1750583660586-46.webp

claude-web-410-1750583660885-47.webp

「Claude」のUIデザイン一覧（2025年6月版）

Claude

関連アプリ