Claude in ChromeでダウンロードしたカフェのJPG画像を、Claude Design（claude.ai/design）にまとめて渡し、プロンプト1本でヒーロー画像の埋め込み・見出し装飾・メニュー整形までを一気に仕上げてもらうところまでを解説します。最後はzipでダウンロードして、ブラウザで完成形を表示するところまで進めます。

04_Claude_Design（Googleドライブ）

1. 作業フォルダの中身を確認する

まずは、Claude Designに渡すファイルがすべて所定の場所に揃っているかをFinderで確認します。ここが揃っていないと、このあとのフォルダ添付が空振りになってしまいます。

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／リベシティで会員登録をするログインする

ノウハウ図書館でできること

すべての記事の閲覧
ブックマーク
いいね・レビュー
記事の投稿※応援会員（有料）のみ
ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

リベシティの他の機能やサービスもご利用いただけます（詳しく見る）

	新入生会員（無料）	応援会員（有料）
各種チャット機能
公式オフィスの利用
オンラインスペース（ovice）の利用
ノウハウ図書館などの会員向けサービス	一部機能制限あり	一部条件あり

【画像で解説】Claude Designでホームページの見た目をブラッシュアップする手順

前回の記事

この記事でできること

1. 作業フォルダの中身を確認する

SBI証券の米ドルでClaudeの料金を払う方法【完全図解】