汎用 index.html 生成用
同一フォルダ内の資料を自動で一覧化する汎用 index.html を生成させるためのプロンプトです。
■ 汎用プロンプト(index.html自動生成用|ファイル名クリック型)
以下の条件に従い、同一フォルダ内の資料を一覧表示する「汎用 index.html」を生成してください。
________________________________________
【目的】
・同一フォルダ内に存在する
HTML / PDF / Excel / Word / PowerPoint ファイルを一覧表示する
・客先説明用の入口ページとする
・今後資料が増減しても、リンク部分のみ修正すれば再利用可能とする
・ネット接続不要のローカル実行前提
・ファイル名をクリックすると同一タブで開く形式とする
________________________________________
【出力条件】
・出力は HTMLコードのみ
・解説文は出力しない
・DOCTYPEから始まる完全な1ファイル構成
・CSSは <head> 内に内包(外部CSS禁止)
・JavaScriptは使用しない
・リンクは相対パス記述
・target="_blank" は使用しない(同一タブで開く)
・system-ui 系フォント使用
・レスポンシブ対応
________________________________________
【デザイン仕様】
・白背景
・上部ネイビー系ヘッダー
・中央寄せコンテナ(最大900px)
・カード型レイアウト
・PC時2列グリッド/モバイル時1列
・角丸カード
・柔らかい影
・ホバー時にわずかに浮くアニメーション
・落ち着いたビジネス向けデザイン
・将来ファイル数が増えても視認性が落ちない設計
________________________________________
【表示構成】
ヘッダー
・タイトル(編集可能)
セクション分け
・HTML資料
・PDF資料
・Excel資料
・その他資料
各カード要素
・ファイル名(クリック可能リンク)
・種別バッジ(HTML / PDF / XLSX / DOCX / PPTX / OTHER)
・簡単な説明欄(空欄可)
・開くボタンは設置しない
※カード全体ではなく「ファイル名のみクリック可能」とする
________________________________________
【拡張性要件】
・リンク部分だけ書き換えれば再利用可能にする
・コメントで「ここを書き換える」と明示する
・同じカード構造で複数追加可能にする
・各セクションはグリッド構造で統一する
________________________________________
【入力ファイル一覧】
(ここに対象ファイル名を列挙)
________________________________________
【出力ファイル名】
index.html

