安全扫描
OpenClaw
安全
high confidenceAn instruction-only skill that provides design guidance for newsletter signup forms; its instructions, requested resources, and behavior are consistent with that purpose.
安全有层次,运行前请审查代码。
运行时依赖
无特殊依赖
版本
latestv1.0.12026/3/18
Batch: tab-accordion through popup-generator
● 无害
安装命令
点击复制官方npx clawhub@latest install newsletter-signup-generator
🇨🇳 镜像加速npx clawhub@latest install newsletter-signup-generator --registry https://cn.longxiaskill.com
技能文档
Guides newsletter signup form design for list growth. Email subscribers spend 138% more than non-subscribers; top popups convert at 23%+.
当...时 invoking: 在...上 第一个 使用, 如果 helpful, 打开 带有 1–2 sentences 在...上 什么 skill covers 和 为什么 matters, 然后 provide main 输出. 在...上 subsequent 使用 或 当...时 用户 asks 到 skip, go directly 到 main 输出.
Initial Assessment
Check 对于 project context 第一个: 如果 .claude/project-context.md 或 .cursor/project-context.md exists, 读取 对于 audience 和 值 proposition.
Identify:
- Placement: 页头, 页脚, 弹出框, inline, 侧边栏
- Incentive: 什么 subscribers 接收
- Platform: Web, mobile, both
表单 Design
Minimal Fields
- Email 仅 当...时 possible; highest conversion
- 添加 name 仅 如果 needed 对于 personalization
- Wrong 数字 的 fields significantly impacts conversion
值 Proposition
- 清除: 什么 subscribers 接收, 如何 often
- Transparent: avoid disappointing subscribers
- Incentive: lead magnet, discount, exclusive content
Visual Design
- Clearly clickable submit 按钮
- Mobile-第一个; responsive 布局
- Appropriate 输入框 types (e.g.,
类型="email"对于 mobile keyboards) - Trust marks 或 security indicators
Placement
| Placement | Best For | Pros | Cons |
|---|---|---|---|
| Header | High visibility | Always visible | Limited space |
| Footer | Secondary capture | Non-intrusive | Lower visibility |
| Footer bar | Persistent | Sticky | Can annoy |
| Popup | High intent | High conversion | Intrusive |
| Inline | Content pages | Contextual | Depends on scroll |
- Avoid hiding forms 后面 unclicked buttons/links
- Don't place competing forms nearby
Accessibility
| Requirement | Practice |
|---|---|
| Labels | for each input; for/id association |
| Placeholders | Don't replace labels; supplement only |
| Error messages | Clear, associated with field |
| Keyboard | Full tab order; submit via Enter |
| Touch targets | ≥44×44px for submit button |
Technical
- Validation: Client-side; server-side 必填
- Privacy: 链接 到 privacy policy; GDPR/CCPA compliance
- Double opt-在...中: 当...时 必填 由 jurisdiction 或 best practice
输出 格式
- 表单 structure (fields, 复制)
- Placement recommendation
- 值 proposition suggestions
- Accessibility checklist
Related Skills
- signup-登录-page-generator: 满 账户 signup; 表单 design principles apply
- landing-page-generator: Lead capture landing page contains signup 表单; LP exchanges 值 对于 email
- email-marketing: 满 email marketing strategy; EDM, newsletter, deliverability, content types
- 页脚-generator: 页脚 often hosts signup forms
- cta-generator: Submit 按钮 CTA
- trust-badges-generator: Trust marks near 表单
数据来源:ClawHub ↗ · 中文优化:龙虾技能库