
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 架空の Nightfold 用の、約 12 セクションのランディングページ。ガラスの Hero とライブなメールプレビューから、料金、FAQ、締めくくりの登録フォーム、透かしロゴのフッターまで。
- 7 つのルート:ペイウォール付きのサンプル号、検索とフィルター付きのアーカイブ、憲章、参加、ログイン、プライバシー、利用規約、そしてデザイン済みの 404。
- 実際に動く登録フォーム、受信箱の選択、席数ステッパー付きの月額・年額料金、読者の声のカルーセル、カウントダウン。4 つの書体を 1 つのオフラインファイルに埋め込み。
向いている人
- メールアドレスの収集が主な目的のニュースレター、ウェイトリスト、クローズドベータ、ローンチキャンペーン。
- ぼかし、枠線、ハイライトを手作業で調整せずに、ブラックガラスのルックがほしい創業者。
- ストックフォトではなく、メール、アプリ画面、変更履歴など実際の画面として見せられる製品。
向いていない人
- 明るくカラフルなブランドや、イラスト主体のブランド(デザインはダークのみで、アクセントカラーはありません)。
- そのままでの実際のメール送信(登録、参加、ログインのフォームは、メール配信サービスを接続するまでページ内で確認表示するだけです)。
- 階層の深いナビゲーションを持つ大規模なコンテンツサイト(これはいくつかの補助ルートを備えたコンバージョン用ページです)。
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成LP 作成スタイル固定コンバージョン重視シネマティックグラスモーフィズムダークモノクロリキッドグラスセリフディスプレイ
この Skill について

名前と 1 つの約束を、映像の上にすりガラスを重ねたようなダークなランディングページに仕上げます。光を受けるガラスのピル、1 語だけイタリックにした巨大なセリフ体の見出し、そして中央に据えたメール登録。作例は架空のニュースレター Nightfold で、ライブなメールプレビュー、メンバーシップ料金、実際に動く 7 つのルートを備えています。デフォルトの成果物は、どのブラウザでもオフラインで開ける単体ファイル 1 つです。

手に入るもの
- ガラスのピル型ヘッダー、メール登録付きの映画のような Hero、グラフ付きのライブなメールプレビュー、事実を並べた帯、メソッドの分割セクション
- 号の選択、編集者紹介、読者の声、月額・年額切り替え付きのメンバーシップ料金、最近の号、FAQ、カウントダウン付きの締めくくりの登録フォーム
- サンプル号、アーカイブ、憲章、参加、ログイン、法務のページと、デザイン済みの 404
- Instrument Serif、Newsreader、Geist、Geist Mono を埋め込み、ネットワークリクエストはゼロ

使い方
- 名前、製品の内容、登録すると得られるもの、配信頻度、価格、運営メンバーを共有します。
- エージェントが各セクションを埋め、製品をガラスパネル内のライブな画面として描画し、ダークな画像を作成するか、お手持ちの Hero 映像を使います。
- ページを開いて登録フォーム、料金の切り替え、アーカイブのフィルターを試し、修正を依頼します。

生成した画像には、画像ツールの利用料金がかかる場合があります。フォームはページ内で確認表示を行い、ご自身のメール配信サービスを接続するまで何も送信しません。
始める前に必要なもの
- 用意するもの
- 名前、製品の内容、登録すると訪問者が得られるもの · 配信頻度またはローンチ日、価格やプラン、いくつかの正直な事実、運営メンバー · 任意:ご自身のダークな Hero 映像とチーム写真
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 任意:エージェントの画像生成ツール(ない場合、メディア枠にはダークなプレースホルダーの面が入ります)
- 外部コスト
- エージェントの画像ツールでダークな画像を生成すると、そのツールの利用料金がかかる場合があります。画像ツールがなくてもページは作成でき、各メディア枠にはダークなプレースホルダーの面が入ります。
- 最終検証
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









