Kuro Storytelling & Portfolio
Kuroは刀を主題とする視覚的な物語にGSAPのスクロールとWebGL演出を組み合わせたHTMLテンプレートです。ソースとプロンプトを取得し、製品ストーリーや構成を改編したポートフォリオの出発点にできます。
- 技術構成
- html
- 対応するプロンプト
- アイテムとプランの利用条件に応じて取得
このデザインの活用場面
順を追って製品を紹介する構成です。Kuro は刃をテーマにした物語を使っています。ポートフォリオにする場合は、自分のプロジェクト、役割、根拠に置き換え、動きを抑えた状態でも概要を読めるようにしてください。
ダウンロード内容
ソースZIPにはHTMLページ、対応プロンプト、同梱の利用案内が含まれます：
index.htmlPROMPT.mdINTERNAL-USE.txt
実行とカスタマイズ
ZIPを展開し、VS Code Live Serverなどのローカル静的サーバーでフォルダーを配信してindex.htmlを開きます。npmビルドは不要です。HTML、スタイル、スクリプトを編集するか、開発ツールでPROMPT.mdを利用できます。
ソースの依存関係
Tailwind CSS (CDN), GSAP / ScrollTrigger, Three.js / WebGL, Google Fonts
外部のスタイル、スクリプト、フォント、メディアにはネット接続が必要です。公開前に外部サービスや計測スクリプトを確認し、デモ内容を差し替え、必要なフォームやバックエンドを接続してください。
利用前にINTERNAL-USE.txtと第三者素材の適用条件をご確認ください。ダウンロードによって無制限の商用利用や再配布が許可されるわけではありません。 利用規約
ソースコードもダウンロードできますか？ログインせずにテンプレートを閲覧し、操作可能なプレビューを試せます。対応するプロンプト、元のプロジェクトソース、ダウンロードにはアカウントとプランの利用条件が適用されます。
テンプレートのタイトル、説明、プレビュー内容は原文の言語のままです。
デザインプロンプトのワークフローを読む
