自分でデザインを調査する
Claude Code は、Tailwind CSS を使った多彩なデザイン方法に関する知識を豊富に学習しています。その知識を引き出すには、使う側(私たち)の支持能力、ボキャブラリー(言葉)が鍵です。
それらを伸ばしていくための方法を以下に示します。
まずは、CuratedListUI をチェック
(このサイトについて簡単に説明してください。その上で、どう見たら良いか解説) https://www.curateduilist.com/
代表的なTailwind CSSテンプレートのサイトをチェック
以下のサイトをチェックし、パーツ(コンポーネント)をたくさん知ってください。特に言葉などを知ると良いです。
https://tailwindcss.com/plus/ui-blocks ページをスクロールして、様々なパーツをチェックしてください
https://floatui.com/components
https://merakiui.com/components
伝え方を意識する
Claude Codeに伝えるときに、どんなデザインにしたいか伝わるようにしましょう。コツは、実際に採用したいコンポーネントを見ながら、それを説明すると良いでしょう。英語で書かれたコンポーネント名や、説明を伝えつつ、見た目の説明をすると伝わります。
プランモードを使うと良いです。どう伝わったかを確認できます。また、Claude Codeの回答を見ると、伝え方を理解しやすくなります。
さまざまなサイトをヒントにする
日々、触れるサイトで、少しだけ研究する意識を持つだけでも、レベルアップします。
ほどほどに!
もし、あなたが、Web作成のプロを目指しているのでなければ、デザインへのこだわりは、そこそこにしましょう!それよりも、他に大事なことがあるはずです。