洗練されたUIへの刷新

バイブス頼みで作られたUIには、決まった落とし穴があります。紫のグラデーション、光るカード、グラデーション文字、絵文字だらけのラベル、煽りコピー、不揃いな余白。コード、公開リンク、またはスクリーンショットを共有するだけで、このスキルが「AI特有の不自然さ」をすべて検出。プロダクトの本質に即したデザイン方針を策定し、機能・コンテンツ・セクション構成を保ったまま、プロのデザイナーが赤入れするようにインターフェースを磨き上げます。

対応内容

• 紫のグラデーション、発光、グラデーション文字から、絵文字ラベル、キラキラバッジ、大げさなコピー、点滅するドット、不揃いな余白まで、AI特有のUIパターンとその箇所を網羅した監査

• 最適な改修レベルを提案：粗削りなデザインの全面刷新、ブランドイメージを残したライトな調整、すでに完成度が高いUIへのピンポイントなブラッシュアップ

• 着手前に確認できる簡潔なデザイン方針：プロダクトの機能、個性、世界観、アクセントカラーを効かせる1〜2箇所、そして象徴的なシグネチャーディテール

• 余白、カラー、アイコン、コピー、タイポグラフィ、レイアウト、ディテール、ビジュアル、モーションの順に進める9段階の洗練プロセス（画面全体で各ステップを完了させてから次へ進行）

• 明確な数値基準：4pxベースのスペーシンググリッド、ニュートラルカラーにアクセントを1色添えたパレット、統一感のあるアイコンセット、プロダクトの個性を際立たせるフォント選定

• 抽象的な光るオブジェクトではなく、リアルなプロダクトプレビューやヒーロービジュアルを採用（必要に応じてMeowgicの内蔵画像生成でシーンやオブジェクトを作成）

• React、Tailwind、Next.js、Vue、Svelte、プレーンなHTML/CSSなど、お使いのスタックに合わせた実装（ダッシュボード、アプリ、LPに対応）

• 最終チェックリストとテンプレートテストに加え、デザインのビフォーアフターを可視化するショート動画（オプション）

プロンプト例

• 「このダッシュボードを洗練させて。紫のグラデーションだらけで、ラベルごとに絵文字が入っているのを直したい。」

• 「セクションやコピーはそのままに、AIっぽさをなくすようLPのヒーローセクションを再設計して。」

• 「アプリの設定画面のスクリーンショットです。クリーンなUIに磨き上げて、ReactとTailwindのコードで出力して。」

納品物

AI特有の違和感を洗い出した監査レポート、事前確認用のデザイン方針、お使いのコードで再構築された画面、各ステップの変更概要、使用した画像プロンプト、そして共有用のビフォーアフター動画（オプション）。