image-to-code

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

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

既存のウェブサイトやアプリをプレミアム品質にアップグレードします。現在のデザインを監査し、一般的なAIパターンを特定し、機能を損なうことなくハイエンドなデザイン基準を適用します。あらゆるCSSフレームワークやバニラCSSに対応します。

クリーンなエディトリアルスタイルのインターフェース。暖かみのあるモノクロームパレット、タイポグラフィのコントラスト、フラットな弁当箱グリッド、落ち着いたパステルカラー。グラデーションなし、強い影なし。

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

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

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

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