nexu-io/html-anything

waitlist-page

极简产品预发布落地页, 含邮箱捕获、logo、装饰图层

Quelltext ansehen

Verwendung

  1. Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
  2. Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
  3. Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/waitlist-page --skill waitlist-page

Vor dem Start

  • Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
  • Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

【模板: 等候名单页 / Waitlist】 【意图】为新产品 / 早鸟内测做一张极简等候页。 【布局】

  • 居中布局: brand logo + 一行 tagline + 大字 hero (说清楚做什么)
  • 邮箱捕获 input + submit 按钮 (合并成一个 pill)
  • 下方 3 个小卖点 (icon + 一行字)
  • 底部 founders note + 社交链接

【设计细节】

  • 装饰: SVG 渐变 mesh / 噪点纹理 / 一颗星轨
  • 成功提交后给一个微动效 (✓ + 文案变化)
aus demselben Repository

Weitere Skills

Alle Skills