signup-login-page-generator by kostja94/marketing-skills
npx skills add https://github.com/kostja94/marketing-skills --skill signup-login-page-generator指导注册和登录页面的结构、域名选择、模态框与独立页面的对比、折扣集成以及 SEO。注册页面是着陆页和定价页的转化终点;当折扣在注册时适用(例如学生折扣),注册页面是 P0 优先级的位置。区别于 landing-page-generator(获客)和 newsletter-signup-generator(仅邮箱捕获)。
调用时机:在首次使用时,如果有助于理解,可以用 1-2 句话开场,说明此技能涵盖的内容及其重要性,然后提供主要输出。在后续使用或用户要求跳过时,直接进入主要输出。
首先检查项目上下文: 如果存在 .claude/project-context.md 或 .cursor/project-context.md,请阅读以了解产品、受众和优惠。
识别:
| 选项 | 用途 |
|---|---|
| 主域名 | /signup, /login, /auth;简单;SaaS 常见 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 子域名 | auth.example.com;通用登录模式;凭证不跨域;需要 Cookie 域名配置以实现跨子域名会话 |
| 第三方 | 重定向到 Auth0、Clerk 等;提供商托管认证 |
路径:/signup, /login, /register, /auth;保持简短且一致。
| 方式 | 用途 |
|---|---|
| 独立页面 | 账户创建;折扣验证;学生验证;更高质量的潜在客户;更少的虚假邮箱 |
| 模态框 / 弹窗 | 轻量级潜在客户捕获;新闻通讯;快速演示请求;质量较低,数量较多 |
当折扣在注册时适用(例如,学生 30% 折扣):使用独立页面——用户需要空间进行验证、折扣展示和表单填写。模态框适用于简单的仅邮箱捕获场景;避免用于完整的账户创建加验证流程。
移动端:Google 会惩罚侵入式插页广告;独立页面可避免惩罚。
| 部分 | 目的 |
|---|---|
| 标题 | 以价值为导向;"免费开始" 或 "学生:今日 30% 折扣,后续 15% 折扣" |
| 信任标识 | SSL、支付标识、隐私声明、客户标识;参见 trust-badges-generator |
| 媒体 | 首屏展示产品截图、短视频或演示 GIF;强化价值主张 |
| 表单 | 最少字段;邮箱优先;社交登录(Google、GitHub)减少摩擦 |
| 折扣区块 | 学生折扣、年度折扣、优惠码;适用时包含验证入口 |
| 隐私 / 条款 | 链接;合规性 |
| 元素 | 位置 |
|---|---|
| 标题或副标题 | "学生:今日 30% 折扣,后续 15% 折扣" |
| 验证 | .edu 邮箱、SheerID、UNiDAYS;注册时验证以应用折扣 |
| 资格 | 简要说明资格要求;链接到完整条款 |
P0 优先级位置:当学生折扣在注册时适用,注册页面是主要位置;定价页面和主页横幅是 P1 优先级。
| 页面 | Meta 标签 | 原因 |
|---|---|---|
| 登录 | noindex, nofollow | 无搜索价值;安全风险;被索引的登录页面可能使用户困惑 |
| 注册 | noindex, follow | 阻止出现在搜索结果页面;允许爬取链接(隐私、条款) |
实现:使用 <meta name="robots" content="noindex"> 或 X-Robots-Tag 响应头。robots.txt 不能阻止索引——爬虫必须访问页面才能读取指令。完整的不索引页面类型列表请参见 indexing。
每周安装数
109
代码仓库
GitHub 星标数
237
首次出现
13 天前
安全审计
安装于
cursor103
gemini-cli102
kimi-cli102
codex102
opencode102
github-copilot102
Guides signup and login page structure, domain choice, modal vs dedicated page, discount integration, and SEO. Signup is the conversion endpoint from landing pages and pricing; when discounts apply at registration (e.g., student discount), signup is the P0 placement. Distinct from landing-page-generator (acquisition); newsletter-signup-generator (email capture only).
When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for product, audience, and offers.
Identify:
| Option | Use |
|---|---|
| Main domain | /signup, /login, /auth; simple; common for SaaS |
| Subdomain | auth.example.com; Universal Login pattern; credentials not cross-origin; requires Cookie domain config for cross-subdomain session |
| Third-party | Redirect to Auth0, Clerk, etc.; provider hosts auth |
Paths : /signup, /login, /register, /auth; keep short and consistent.
| Approach | Use |
|---|---|
| Dedicated page | Account creation; discount verification; student verification; higher-quality leads; fewer fake emails |
| Modal / popup | Lightweight lead capture; newsletter; quick demo request; lower quality, higher volume |
When discount applies at signup (e.g., student 30% off): Use dedicated page —user needs space for verification, discount display, and form. Modal can work for simple email-only capture; avoid for full account + verification flows.
Mobile : Google penalizes intrusive interstitials; dedicated page avoids penalty.
| Section | Purpose |
|---|---|
| Headline | Value-focused; "Start free" or "Students: 30% off today, 15% off ongoing" |
| Trust signals | SSL, payment logos, privacy, customer logos; see trust-badges-generator |
| Media | Product screenshot, short video, or demo GIF above fold; reinforces value |
| Form | Minimal fields; email first; social login (Google, GitHub) reduces friction |
| Discount block | Student discount, annual discount, promo code; verification entry when applicable |
| Privacy / Terms | Links; compliance |
| Element | Placement |
|---|---|
| Headline or subhead | "Students: 30% off today, 15% off ongoing" |
| Verification | .edu, SheerID, UNiDAYS; verify at signup to apply discount |
| Eligibility | Brief eligibility; link to full terms |
P0 placement : When student discount applies at registration, signup page is primary; pricing page and homepage banner are P1.
| Page | Meta | Reason |
|---|---|---|
| Login | noindex, nofollow | No search value; security risk; indexed login pages can confuse users |
| Signup | noindex, follow | Block from SERP; allow crawl of links (Privacy, Terms) |
Implementation : Use <meta name="robots" content="noindex"> or X-Robots-Tag header. robots.txt does not prevent indexing—crawlers must access the page to read the directive. See indexing for full noindex page-type list.
Weekly Installs
109
Repository
GitHub Stars
237
First Seen
13 days ago
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
cursor103
gemini-cli102
kimi-cli102
codex102
opencode102
github-copilot102
bolder设计增强工具:提升前端视觉冲击力,告别保守通用设计
43,100 周安装