WORLDVIEW SAAS
AI SaaSプロダクトのランディングページ
デモサイトを開く別タブで開きます
WORLDVIEW SAASは、Claude Code・Codex・Cursor向けの無料AI Skillです。3Dの地球を中心にしたSaaSプロダクトのランディングページを作ります。深い宇宙に浮かぶ光る3Dの地球を、ドラッグして回せます。スクロールに合わせて、製品、ソリューション、価格、活用例、問い合わせの各セクションの間を移動し大きさを変えます。上には浮かぶ液体ガラスのナビゲーションと、すりガラスのカード。
できること
- Three.jsの地球とGSAPのスクロール連動を備えたViteプロジェクト一式
- 始める前に開けるデモサイト
- 6つのセクション、スマホ用メニュー、入力チェック付きフォーム
こんな方に
- SaaS・AIプロダクトのチーム
- ウェブ制作のフリーランス
- プロダクトページを作るファウンダー
準備するもの
- 製品名と一行の positioning
- 4〜6つの機能とそれぞれ一文の説明
- プラン名と含まれる内容
- 連絡先または問い合わせ導線
よくある質問
Claude Code、Codex、Cursorに貼り付けるか、SKILL.mdとしてツールのskillsフォルダに保存してください。AIが素材パックを取得し、足りないものを尋ね、プロジェクトフォルダにサイトを作ります。Skillの使い方
本物のThree.jsの地球です。ドラッグでき、放すと自分の自転へゆっくり戻ります。表面、雲、街の灯り、縁の光はテクスチャとマテリアルで、スクロールに合わせてGSAPが各セクションに合った位置と大きさへ運びます。
はい。ブランド名と本文を渡し、素材パックのファイルを同じ名前のまま自分のものに差し替えてください。Skillは、レビュー、受賞、住所、電話番号を創作しないようAIに指示しています。
無料です。登録またはログインすると、このページでコピーできます。