waitlist-page について
waitlist-pageは、新製品や先行テスト向けのウェイトリストページ用デザインテンプレートです。メール登録、製品の特長、創業者のメッセージ、SNSリンクを備え、送信成功時に控えめな動きを表示します。
主な機能
- 01ブランドと製品紹介の中央配置
- 02メール入力と送信ボタンの一体化
- 03アイコン付きの3つの特長
- 04創業者のメッセージとSNSリンク
- 05送信成功時の控えめなフィードバック
活用シーン
- 01新製品のウェイトリストページ作成
- 02先行テスト登録用メールの収集
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill waitlist-pageインストール後、Claude Code で/waitlist-pageを入力して読み込まれたか確認します。
同梱ファイルexample.html
README(原文)English
プロジェクトの README よりこの README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。
【模板: 等候名单页 / Waitlist】 【意图】为新产品 / 早鸟内测做一张极简等候页。 【布局】
- 居中布局: brand logo + 一行 tagline + 大字 hero (说清楚做什么)
- 邮箱捕获 input + submit 按钮 (合并成一个 pill)
- 下方 3 个小卖点 (icon + 一行字)
- 底部 founders note + 社交链接 【设计细节】
- 装饰: SVG 渐变 mesh / 噪点纹理 / 一颗星轨
- 成功提交后给一个微动效 (✓ + 文案变化)
コメント
Markdown 対応