スキル自身の言葉で
現在のデザインを診断し、ありがちなAIパターンを特定し、機能を損なわずに高品質なデザイン基準を適用することで、既存のウェブサイトやアプリをプレミアムな視覚品質へアップグレードします。任意のCSSフレームワークやvanilla CSSに対応します。
このスキルはコードベースをスキャンしてフレームワークとスタイリング手法を特定し、包括的なデザイン監査によってありがちなパターンや弱点をすべて診断した上で、既存のスタックに合わせたターゲットを絞ったアップグレードを適用します。変更は視覚的インパクトとリスクに基づいて優先順位付けされ、フォントの入れ替えや配色の整理から、コンポーネントの置き換え、タイポグラフィの調整まで対応します。
レビューレポート
プロンプト例を見る ↗仕組み
- 01コードベースをスキャンする
コードベースを読み込み、フレームワーク、スタイリング手法（Tailwind、vanilla CSS、styled-componentsなど）、現在のデザインパターンを特定します。
- 02ありがちなパターンを診断する
デザイン監査を実施し、プロジェクト内で見つかったすべてのありがちなパターン、弱点、欠落している状態を一覧化します。
- 03ターゲットを絞ったアップグレードで修正する
ゼロから書き直すのではなく、既存のスタックに合わせてターゲットを絞ったアップグレードを適用し、既にあるものを改善します。