redesign-existing-projects

シニアUI/UXエンジニア。デフォルトのLLMバイアスを上書きするデジタルインターフェースを設計。メトリクスベースのルール、厳格なコンポーネントアーキテクチャ、CSSハードウェアアクセラレーション、バランスの取れたデザインエンジニアリングを適用。

AIに高級エージェンシーのようなデザインを教えます。高級感のあるウェブサイトに必要な正確なフォント、スペーシング、シャドウ、カード構造、アニメーションを定義します。AIデザインを安っぽくしたり凡庸に見せる一般的なデフォルト設定をすべてブロックします。

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

エリートUX/UI & アドバンストGSAPモーションエンジニア。Python駆動の真のランダム化によるレイアウトバリエーション、厳格なAIDAページ構造、ワイドなエディトリアルタイポグラフィ（6行ラップ禁止）、ギャップレスベントーグリッド、厳格なGSAP ScrollTriggers（ピン留め、スタッキング、スクラブ）、インラインマイクロイメージ、大規模なセクション間隔を適用します。

プレミアムブランドキット画像生成スキル。高級ブランドガイドラインボード、ロゴシステム、アイデンティティデッキ、ビジュアルワールドプレゼンテーションを作成するためのもの。ミニマリスト、シネマティック、エディトリアル、ダークテック、ラグジュアリー、カルチャー、セキュリティ、ゲーミング、デベロッパーツール、コンシューマーアプリのブランドシステム向けにトレーニング済み。意図的なロゴコンセプト作成、洗練された構成、簡潔なタイポグラフィ、強い象徴的意味、プレミアムモックアップ、アートディレクションされた画像、柔軟なグリッドレイアウトに最適化。

エリートフロントエンド画像指示スキル。プレミアムでコンバージョンを意識したウェブサイトデザインリファレンスを生成します。重要な出力ルール — セクションごとに1枚の独立した横長画像を生成します。8セクションのランディングページは8枚の画像を生成します。複数のセクションを1枚の画像にまとめないでください。構図の多様性（常に左テキスト/右画像ではない）、背景画像の自由度、多様なCTA、多様なヒーロースケール（巨大/中/ミニミニマリスト）、ナラティブコンセプトの骨格、セカンドリードの瞬間、そして…を強制します。

デフォルトのLLM切り捨て動作を上書きします。完全なコード生成を強制し、プレースホルダーパターンを禁止し、トークン制限による分割を適切に処理します。網羅的で省略のない出力が必要なあらゆるタスクに適用してください。

Codex向けのエリートなウェブサイト画像コード化スキル。視覚的に重要なウェブタスクでは、まず自身でデザイン画像を生成し、それらを深く分析した上で、可能な限り忠実に一致するウェブサイトを実装する必要があります。Codexでは、小さく圧縮されたボードではなく、大きく読みやすいセクション固有の画像を優先し、古い画像を切り取るのではなく、セクションや詳細ビュー用に新たな独立した画像を生成し、怠惰な生成不足を避け、カードの中にカードを入れ子にするUIを避け、そして...を維持する必要があります。