用途:把一页落地页、销售页或等候名单页做到可上线,目标是把访客转化为邮箱订阅或购买,并部署到用户自己的 Cloudflare 域名上。每个步骤都尽量通过 CLI 自己完成,只在需要人操作时(浏览器登录、支付链接、照片)向用户索取。若页面需要账号、仪表盘或保存数据,应停止并改用 create-software。
主要能力:固定技术栈为 TanStack Start(React、TypeScript、Vite,页面预渲染)、Base UI 上的 shadcn/ui 与 Tailwind CSS v4、lucide-react 图标、sonner 提示;邮箱表单用 TanStack Form 加 zod,服务端函数调用 Lumail API;出售时接入 Stripe Checkout 支付链接或用户的 Codeline checkout 地址,成功页设为 /merci;可选 Tella 视频嵌入;托管、域名与 DNS 用 Cloudflare Workers 配合 @cloudflare/vite-plugin,通过 cf 部署;代码用 Git 加一个私有 GitHub 仓库。不使用 Convex、Better Auth 或数据库。
使用方式:先检查访问权限,运行 git --version、gh auth status、cf --version 与 cf auth whoami、npx lumail@latest auth test,失败项先修复,需要浏览器登录时给出确切链接或验证码并等待完成。随后先运行 grill-me 技能的 landing 模式,确认受众、问题、一句话承诺、报价与价格、证明材料、异议、唯一行动号召、Lumail 标签、域名和视觉风格,brief 确认后再动手。文案先于代码,以用户的语言和语气写出并以纯文本确认;区块顺序通常为 hero、问题、解决方案、获得内容、证明、报价与价格、FAQ、最终行动号召、含法律链接的页脚,不得编造证言、数字或截止时间。构建时用 TanStack Start、Tailwind 与 npx shadcn@latest init 初始化,只添加需要的组件,git init 后用 gh repo create 建私有仓库并推送;页面包含 /、/merci 及法律页面,全部预渲染,设置真实的 title、meta description、Open Graph 图(1200x630)和 favicon;视觉遵循用户喜欢的一两个站点,一种字体配对、一种强调色、充足留白、移动优先,图片用 WebP 并设定宽高。邮箱表单在客户端用 TanStack Form 加 zod,服务端 createServerFn 向 Lumail 发请求,API key 以 Cloudflare secret 保存;保留 double opt-in,加入隐藏蜜罐字段并在服务端拒绝空或假邮箱,成功后跳转 /merci。购买按钮只链接支付页,绝不在页面收集卡号。追踪仅在用户要求时加入一个隐私友好的分析脚本。部署使用 wrangler.jsonc 配置 main、nodejs_compat、custom_domain,LUMAIL_API_KEY 设为 secret,用 cf build、cf deploy 部署,域名需在用户的 Cloudflare 账户。验证时在桌面与手机宽度打开线上 URL,检查区块、无横向滚动、链接与按钮可用;用真实邮箱注册,确认跳转 /merci、Lumail 中出现带正确标签的人、确认邮件到达;购买按钮打开正确价格结账;移动端 Lighthouse 性能与可访问性达到 90 以上;聊天预览显示标题、描述和图片。
适用场景:需要单页转化、收集邮箱或完成一次购买、且强调快速上线与低维护的用户。限制:不适合需要账户体系、仪表盘或持久化数据的项目;不交换技术层,除非用户提出;不得打印、提交或记录 Lumail 密钥;回答需给出线上 URL、注册者获得的 Lumail 标签以及剩余待办。