Claudeでスクロールストーリーテリングサイトを構築する(Three.js + GSAP)
フリーのプロンプト百科事典 Wikiprompt より
Claudeでスクロールストーリーテリングサイトを構築する(Three.js + GSAP) Three.js、GSAP ScrollTrigger、Lenis.jsと組み合わせた2つのプロンプトを使い、Claudeで映画的なスクロールストーリーテリングサイトをバイブコーディングするための簡単な構築手順。
プロンプト内容
このプロンプトは英語です — すべての AI モデルで動作します。
Step 1 — Prompt:
"Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions."
Step 2 — Use Three.js for the painted texture background that reacts to the cursor.
Step 3 — Prompt:
"Add GSAP ScrollTrigger so each section animates in as a cinematic scen...
ログインして完全なプロンプトを表示
ログインして続行使い方
このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。
最良の結果を得るには、プレースホルダー（角括弧や大文字で示された部分）を具体的な要件に置き換えてください。
参考資料
- カテゴリ: coding Prompts
- 出典: https://x.com/Oluwaphilemon1/status/2057102727000228176
- Original view: View on Wikiprompt
Related media
