アプリデザインの改善

デザインファイルが用意されていない場合、アプリのデザインを素早く変更する最も簡単な方法は、好みのデザインを見つけてClaude Codeに見せることです。本章では、その具体的な手順を解説します。

Claude Codeへの渡し方

好みのデザインが見つかったら：

1. 画像をコピーまたはスクリーンショットする
2. その画像をClaude Codeのチャットに直接貼り付ける
3. 画像と一緒に具体的なプロンプトを追加する

効果的なプロンプト例：

"Take the styling and colours of this UI design and implement it into my app. Keep the structure and functionalities exactly the same. Only change the design style."

どの部分を変更せずに残すかを明確に伝えることは、変更したい内容を説明するのと同じくらい重要です。構造をそのままにすることを伝えないと、Claude Codeが意図以上に再構築してしまう場合があります。

デザイン用モデルの選択

デザインの変更作業を行う際は、Claude CodeのドロップダウンからモデルをOpusに切り替えてください。Opusは視覚的なインスピレーションをより正確に解釈し、コードへと反映する能力に優れています。その他の多くの作業にはSonnetが適していますが、デザイン作業にはOpusの利用を推奨します。

繰り返しの改善を想定

最初の試行でほとんどの部分は完成しますが、必ずしも完璧ではありません。それで問題ありません。返ってきた結果を確認し、調整したい点を一つ特定し、その点について具体的なフォローアッププロンプトを送信します。