対象：【中級エンジニア向け】

解決するプロダクト：Claude Code, React, Tailwind CSS

よくある状況

• プロンプトでWeb画面のモックアップ作成を指示すると、必ず「白背景＋角丸カード＋紫のグラデーションヘッダー」という没個性的なデザインが出力される。
• トーン＆マナーの要件を長文で指定しているにもかかわらず、AIが学習データ内で最も多い「平均的なWebデザイン」を優先してしまい、デザインの意図が無視される。
• 複数のコンポーネントを別々に生成させると、どれも無料のUIテンプレート集から持ってきたような無難な見た目になり、デザインレビューで毎回修正を求められる。