CC Tips: AIで作ったウェブサイトが安っぽく見えてしまう理由とは？ | Claude Design, Claude Code, Codex

• 最初のファーストビュー（最重要・最難関）だけは最高性能モデルに任せ、それ以外の実装工程は軽量モデルに切り替えてコスト・時間を節約する
• 1案だけでなく範囲を絞って（例：上部50%のみ）3案生成させ比較検討することで無駄なトークン消費を抑える
• frontend-design、UI Pro Max、GSAP MCP、Playwright、デプロイ用MCP（Vercel/Netlifyなど）を導入して出力品質を底上げする
• デザイン担当AIとコーディング担当AIを切り替える際は、design.md/content.mdをプロジェクトに配置しinitコマンドで引き継がせる
• Playwrightを使わせてスマホ幅での表示崩れやリンク切れを自動確認させる
• 公開前チェックリスト（SEO・OGP・アクセシビリティ・セキュリティなど）を用意し、AIに自動で検品・修正させる