OPUS 4.6はこのウェブサイトを一つのプロンプトで作り上げました!

クレジットは@chddaniel プロンプト 👇 「[YOUR NAME]の個人ポートフォリオランディングページを作成し、ビューポート全体を占める単一のフルスクリーンヒーローとして作成してください。大きなポートレート画像[IMAGE ONE]を背景に使い、中央に配置し、画面全体を覆うように拡大縮小してください。私の名前を左上隅に、Playfair Displayのようなエレガントなセリフ体で書き、名前と苗字を別々の行に重ねて書いてください。右上に「F1記録」とラベル付けされた簡単なナビゲーションリンクを追加してください。 右下には、実線で塗りつぶされたSVGアイコンでInstagramやX/Twitterへのリンクを入れ、明確に見えて認識しやすくしてください。各アイコンは適切なソーシャルプロフィールにリンクしているはずです。 主なインタラクションは、わずかな遅延を伴いながら滑らかにマウスを追う円形のハイライトカーソルであるべきです。この丸いスポットライトは露出マスクとして機能し、メイン画像の下に肖像画の第二バージョン[画像2]を露出させます。ユーザーがカーソルを動かすと、写真の別のレイヤーをスキャンしているように感じられるべきです。 カーソルが速く動くと、円形のハイライトは柔らかくフェードアウトしたエコーを残し、すぐに消えて動きや反応性を高めます。背景にはカーソルの動きに優しく反応する控えめなアニメーショングリッドパターンを加え、控えめに奥行きを生み出します。 名前、「F1記録」リンク、ソーシャルアイコンを含むすべてのテキスト要素は、円形のハイライトが通過した際に動的に白に反転し、コントラストを保つべきです。約300ms程度の滑らかなトランジションを使ってください。カーソルの動きに合わせて元素がわずかに逆方向に動く軽い視差効果を適用します。全体の見た目はミニマルで洗練されたままで、クリーンな白いベースと、イメージとインタラクションを視覚的な中心に据えるべきです。」