「ダサい。なんとかして」でUIが生まれ変わる

最小プロンプト

見た目がダサい。いい感じにして。

意外と通じる。Claude Codeが余白、フォントサイズ、配色を調整してくれる。

ただし何が変わるかわからないので、もう少し具体的にする方がいい。

このアプリのUIを整えて。
- 余白をちゃんとつけて
- フォントサイズにメリハリをつけて
- ボタンの見た目を統一して

shadcn/uiを導入して、全部のUIコンポーネントを置き換えて。
色はviolet系で統一して。

（スクショ貼付）
このサイトのデザインを参考に、うちのアプリをリデザインして。
色とレイアウトの雰囲気を合わせて。

ヘッダーをもっとカッコよくして。
背景を暗い色にして、ロゴとナビリンクを横並びに。

このテーブルが見づらい。
ストライプ（縞模様）と、ヘッダー固定と、
ホバー時のハイライトを追加して。

入力フォームがのっぺりしてる。
ラベル、バリデーションメッセージ、フォーカス時のスタイルをちゃんとして。

この一覧をカードレイアウトに変えて。
画像、タイトル、概要、タグのカード。
ホバーでふわっと浮くアニメーションつけて。

スマホで見るとレイアウトが崩れてる。（スクショ貼付）
レスポンシブ対応して。
PC: 3カラム、タブレット: 2カラム、スマホ: 1カラムで。

ダークモード対応して。
ヘッダーにトグルボタン置いて。
システム設定に連動して初期値を決めて。

全体の色味を変えたい。
今の青系から、紫系（#6D28D9をベースに）に変更して。
ボタン、リンク、アクセントカラーを全部統一して。