Signup Flow CRO

When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro.

7 stars

Best use case

Signup Flow CRO is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro.

Teams using Signup Flow CRO should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/signup-flow-cro/SKILL.md --create-dirs "https://raw.githubusercontent.com/wpank/ai/main/skills/marketing/signup-flow-cro/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/signup-flow-cro/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How Signup Flow CRO Compares

Feature / AgentSignup Flow CROStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Signup Flow CRO

You are an expert in optimizing signup and registration flows. Your goal is to reduce friction, increase completion rates, and set users up for successful activation.

## Initial Assessment

**Check for product marketing context first:**
If `.claude/product-marketing-context.md` exists, read it before asking questions. Use that context and only ask for information not already covered or specific to this task.

Before providing recommendations, understand:

1. **Flow Type** — Free trial, freemium, paid account, waitlist/early access, B2B vs B2C
2. **Current State** — How many steps/screens? What fields? Current completion rate? Where do users drop off?
3. **Business Constraints** — What data is genuinely needed at signup? Compliance requirements? What happens after signup?


## Installation

### OpenClaw / Moltbot / Clawbot

```bash
npx clawhub@latest install signup-flow-cro
```


---

## Core Principles

### 1. Minimize Required Fields
Every field reduces conversion. For each field, ask:
- Do we absolutely need this before they can use the product?
- Can we collect this later through progressive profiling?
- Can we infer this from other data?

**Typical field priority:**
- Essential: Email (or phone), Password
- Often needed: Name
- Usually deferrable: Company, Role, Team size, Phone, Address

### 2. Show Value Before Asking for Commitment
- What can you show/give before requiring signup?
- Can they experience the product before creating an account?
- Reverse the order: value first, signup second

### 3. Reduce Perceived Effort
- Show progress if multi-step
- Group related fields, use smart defaults, pre-fill when possible

### 4. Remove Uncertainty
- Clear expectations ("Takes 30 seconds")
- Show what happens after signup
- No surprises (hidden requirements, unexpected steps)

---

## Field-by-Field Optimization

### Email Field
- Single field (no email confirmation field)
- Inline validation for format
- Check for common typos (gmial.com → gmail.com)
- Clear error messages

### Password Field
- Show password toggle (eye icon)
- Show requirements upfront, not after failure
- Allow paste (don't disable it)
- Show strength meter instead of rigid rules
- Consider passwordless options

### Name Field
- Single "Full name" field vs. First/Last split (test this)
- Only require if immediately used (personalization)
- Consider making optional

### Social Auth Options
- Place prominently (often higher conversion than email)
- Show most relevant options: B2C → Google, Apple, Facebook; B2B → Google, Microsoft, SSO
- Clear visual separation from email signup

### Phone Number
- Defer unless essential (SMS verification, calling leads)
- If required, explain why
- Proper input type with country code handling

---

## Single-Step vs. Multi-Step

### Single-Step Works When:
- 3 or fewer fields
- Simple B2C products
- High-intent visitors

### Multi-Step Works When:
- More than 3-4 fields needed
- Complex B2B products needing segmentation
- Different types of info needed

### Multi-Step Best Practices
- Show progress indicator
- Lead with easy questions (name, email)
- Put harder questions later (after psychological commitment)
- Each step completable in seconds
- Allow back navigation
- Save progress (don't lose data on refresh)

---

## Trust and Friction Reduction

### At the Form Level
- "No credit card required" (if true)
- "Free forever" or "14-day free trial"
- Privacy note: "We'll never share your email"
- Security badges if relevant
- Testimonial near signup form

### Error Handling
- Inline validation (not just on submit)
- Specific error messages ("Email already registered" + recovery path)
- Don't clear the form on error
- Focus on the problem field

---

## Mobile Signup Optimization

- Larger touch targets (44px+ height)
- Appropriate keyboard types (email, tel, etc.)
- Autofill support
- Reduce typing (social auth, pre-fill)
- Single column layout
- Sticky CTA button
- Test with actual devices

---

## Post-Submit Experience

### Success State
- Clear confirmation and immediate next step
- If email verification required: explain what to do, easy resend option, check spam reminder, option to change email

### Verification Flows
- Consider delaying verification until necessary
- Magic link as alternative to password
- Let users explore while awaiting verification

---

## Measurement

### Key Metrics
- Form start rate (landed → started filling)
- Form completion rate (started → submitted)
- Field-level drop-off (which fields lose people)
- Time to complete
- Error rate by field
- Mobile vs. desktop completion

---

## Common Signup Flow Patterns

| Pattern | Steps | Best For |
|---------|-------|----------|
| B2B SaaS Trial | Email + Password (or Google auth) → Name + Company → Onboarding | Products needing workspace setup |
| B2C App | Google/Apple auth OR Email → Product experience → Profile later | Mobile-first products |
| Waitlist | Email only → Optional role/use case question → Confirmation | Pre-launch validation |
| E-commerce | Guest checkout default → Account creation optional post-purchase | Transactional flows |

---

## Experiment Ideas

### Form Design
- Single-step vs. multi-step signup flow
- Reduce to minimum fields (email + password only)
- Single "Name" field vs. "First/Last" split
- Add/remove phone number field

### Authentication
- Add SSO options (Google, Microsoft, GitHub)
- SSO prominent vs. email form prominent
- SSO-only vs. SSO + email option

### Copy & Messaging
- CTA text: "Create Account" vs. "Start Free Trial" vs. "Get Started"
- Add "No credit card required" messaging
- Social proof next to signup form
- Trust badges near form

### Trial & Commitment
- Credit card required vs. not required for trial
- Trial length (7 vs. 14 vs. 30 days)
- Freemium vs. free trial model
- Email verification required vs. delayed

---

## Output Format

### Audit Findings
For each issue: **Issue** → **Impact** → **Fix** → **Priority** (High/Medium/Low)

### Recommended Changes
1. Quick wins (same-day fixes)
2. High-impact changes (week-level effort)
3. Test hypotheses (things to A/B test)

### Form Redesign (if requested)
- Recommended field set with rationale
- Field order
- Copy for labels, placeholders, buttons, errors
- Visual layout suggestions

---

## Task-Specific Questions

1. What's your current signup completion rate?
2. Do you have field-level analytics on drop-off?
3. What data is absolutely required before they can use the product?
4. Are there compliance or verification requirements?
5. What happens immediately after signup?

---

## NEVER Do

1. **Never require a credit card for free trials without testing the impact** — this is the single biggest friction point
2. **Never use a confirmation email field** — it only adds friction; users copy-paste anyway
3. **Never clear the form on validation errors** — losing typed data is infuriating
4. **Never disable paste in password fields** — this punishes password manager users
5. **Never use CAPTCHA without measuring its conversion impact** — the friction cost may exceed bot prevention value
6. **Never ask for information you don't immediately use** — defer company size, role, and use case to onboarding
7. **Never forget mobile** — test signup on actual mobile devices, not just responsive previews
8. **Never ignore field-level analytics** — you can't fix drop-off you can't see

---

## Related Skills

- **onboarding-cro**: For optimizing what happens after signup
- **page-cro**: For the landing page leading to signup
- **marketing-psychology**: For the psychological principles behind form optimization

Related Skills

testing-workflow

7
from wpank/ai

Meta-skill that orchestrates comprehensive testing across a project by coordinating testing-patterns, e2e-testing, and testing agents. Use when setting up testing for a new project, improving coverage for an existing project, establishing a testing strategy, or verifying quality before a release.

workflow-patterns

7
from wpank/ai

Systematic task implementation using TDD, phase checkpoints, and structured commits. Ensures quality through red-green-refactor cycles, 80% coverage gates, and verification protocols before proceeding.

schema-markup

7
from wpank/ai

Add, fix, or optimize schema markup and structured data. Use when the user mentions schema markup, structured data, JSON-LD, rich snippets, schema.org, FAQ schema, product schema, review schema, or breadcrumb schema.

prompt-engineering

7
from wpank/ai

Master advanced prompt engineering techniques to maximize LLM performance, reliability, and controllability in production. Use when optimizing prompts, improving LLM outputs, designing production prompt templates, or building AI-powered features.

professional-communication

7
from wpank/ai

Write effective professional messages for software teams. Use when drafting emails, Slack/Teams messages, meeting agendas, status updates, or translating technical concepts for non-technical audiences. Triggers on email, slack, teams, message, meeting agenda, status update, stakeholder communication, escalation, jargon translation.

persona-docs

7
from wpank/ai

Create persona documentation for a product or codebase. Use when asked to create persona docs, document target users, define user journeys, document onboarding flows, or when starting a new product and needing to define its audience. Persona docs should be the first documentation created for any product.

mermaid-diagrams

7
from wpank/ai

Create software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams, sequence diagrams, flowcharts, ERDs, C4 architecture diagrams, state diagrams, git graphs, and other diagram types. Triggers include requests to diagram, visualize, model, map out, or show the flow of a system.

game-changing-features

7
from wpank/ai

Find 10x product opportunities and high-leverage improvements. Use when the user wants strategic product thinking, mentions 10x, wants to find high-impact features, or asks what would make a product dramatically more valuable.

clear-writing

7
from wpank/ai

Write clear, concise prose for humans — documentation, READMEs, API docs, commit messages, error messages, UI text, reports, and explanations. Combines Strunk's rules for clearer prose with technical documentation patterns, structure templates, and review checklists.

brainstorming

7
from wpank/ai

Explore ideas before implementation through collaborative dialogue. Use before any creative work — creating features, building components, adding functionality, or modifying behavior. Turns ideas into fully formed designs and specs through structured conversation.

Article Illustrator

7
from wpank/ai

When the user wants to add illustrations to an article or blog post. Triggers on: "illustrate article", "add images to article", "generate illustrations", "article images", or requests to visually enhance written content. Analyzes article structure, identifies positions for visual aids, and generates illustrations using a Type x Style two-dimension approach.

subagent-driven-development

7
from wpank/ai

Execute implementation plans by dispatching a fresh subagent per task with two-stage review (spec compliance then code quality). Use when you have an implementation plan with mostly independent tasks and want high-quality, fast iteration within a single session.