Framewise — AI製品のHTMLランディングページ
AI映像制作ツール向けのHTMLランディングページ。撮影例、機能紹介、早期アクセスのセクションを備えます。ソースと対応プロンプトを取得し、Three.js・GSAPの演出と製品ストーリーを自分の用途に合わせて編集できます。
- 技術構成
- html
- 対応するプロンプト
- アイテムとプランの利用条件に応じて取得
このデザインの活用場面
視覚的な創作ツール向け。実際の出力例を示してから操作を説明し、デモを自分の根拠に替えます。
適した用途
映像制作やビジュアル生成のAIツールを、出力例、機能紹介、先行利用の案内で説明するテンプレートです。HTMLフロントエンドにAI生成機能や稼働するアカウントサービスは含みません。
自分のプロジェクトに合わせる
公開できる作例と実際に使える操作を用意し、仮の主張を差し替え、先行利用を自分のサービスに接続します。Three.jsとGSAPの演出、スマートフォンでの読み込み、動きを抑えた表示も確認してください。
ダウンロード内容
ソースZIPにはHTMLページ、対応プロンプト、同梱の利用案内が含まれます：
index.htmlPROMPT.mdINTERNAL-USE.txt
実行とカスタマイズ
ZIPを展開し、VS Code Live Serverなどのローカル静的サーバーでフォルダーを配信してindex.htmlを開きます。npmビルドは不要です。HTML、スタイル、スクリプトを編集するか、開発ツールでPROMPT.mdを利用できます。
ソースの依存関係
Tailwind CSS (CDN), Iconify, Three.js, GSAP / ScrollTrigger, Google Fonts
外部のスタイル、スクリプト、フォント、メディアにはネット接続が必要です。公開前に外部サービスや計測スクリプトを確認し、デモ内容を差し替え、必要なフォームやバックエンドを接続してください。
利用前にINTERNAL-USE.txtと第三者素材の適用条件をご確認ください。ダウンロードによって無制限の商用利用や再配布が許可されるわけではありません。 利用規約
ソースコードもダウンロードできますか？ログインせずにテンプレートを閲覧し、操作可能なプレビューを試せます。対応するプロンプト、元のプロジェクトソース、ダウンロードにはアカウントとプランの利用条件が適用されます。
テンプレートのタイトル、説明、プレビュー内容は原文の言語のままです。
デザインプロンプトのワークフローを読む
