【ユニコ🦄】ClaudeCodeセミナー実況の匿名裏掲示板 in #ユニコスクール

スクール案内のゆい（#ユニコスクール スタッフ）の回答

デザインのクオリティは、プロンプトの一言で劇的に変わります。

• Claude Codeへの指示に『参考サイトのURL』を貼る——「このサイトのデザインテイストで作って」と伝えるだけで、トレンド感のある仕上がりに近づきます
• プロンプトに「2025年のモダンなUIトレンドを反映して」「余白を広めに取ってミニマルに」などの言葉を添えるだけで、Claude Codeが最新のデザインパターンを自動で適用してくれます
• `.claude/skills`にデザインルール（カラーパレット・フォント・余白基準）を登録しておくと、同じ高品質なデザインをワンクリックで再現できます
• 生成後に「デザインスコアを100点満点で採点して、90点未満なら自動で修正して」と追加指示するだけで、自動改善ループが走ります

実演ではあえて『仕組みと自動化の実証』を優先しているため、デザインより動作確認が主役になっていますが、指示次第でデザインレベルは自由自在に引き上げられますよ。ぜひ試してみてください！