AI-Powered SaaS Note-Taking Landing Page
エディター表現、関連アイデア、連携、料金を備えたHTMLノート製品ページ。ソースとプロンプトを取得して編集できます。フロントエンド自体に実用的なノート保存サービスは含まれません。
- 技術構成
- html
- 対応するプロンプト
- アイテムとプランの利用条件に応じて取得
このデザインの活用場面
個人の生産性向け。現実的なメモと検索タスクを示し、存在しない検索機能を作らず記録と再利用を説明します。
ダウンロード内容
ソースZIPにはHTMLページ、対応プロンプト、同梱の利用案内が含まれます:
index.htmlPROMPT.mdINTERNAL-USE.txt
実行とカスタマイズ
ZIPを展開し、VS Code Live Serverなどのローカル静的サーバーでフォルダーを配信してindex.htmlを開きます。npmビルドは不要です。HTML、スタイル、スクリプトを編集するか、開発ツールでPROMPT.mdを利用できます。
ソースの依存関係
Tailwind CSS (CDN), Lucide
外部のスタイル、スクリプト、フォント、メディアにはネット接続が必要です。公開前に外部サービスや計測スクリプトを確認し、デモ内容を差し替え、必要なフォームやバックエンドを接続してください。
利用前にINTERNAL-USE.txtと第三者素材の適用条件をご確認ください。ダウンロードによって無制限の商用利用や再配布が許可されるわけではありません。 利用規約
ソースコードもダウンロードできますか?ログインせずにテンプレートを閲覧し、操作可能なプレビューを試せます。対応するプロンプト、元のプロジェクトソース、ダウンロードにはアカウントとプランの利用条件が適用されます。
テンプレートのタイトル、説明、プレビュー内容は原文の言語のままです。
デザインプロンプトのワークフローを読む






















