design-growth-surfaces

Designs conversion surfaces like onboarding, paywalls, and pricing pages with activation metrics and an ethical-persuasion filter.

1|Updated Jul 13, 2026
One-click install
npx skills add https://github.com/dineshrevunuru/SuperSkills --skill design-growth-surfaces-dineshrevunuru
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-growth-surfaces
Source: https://github.com/dineshrevunuru/SuperSkills/tree/main/design-growth-surfaces
Command: npx skills add https://github.com/dineshrevunuru/SuperSkills --skill design-growth-surfaces-dineshrevunuru

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Growth surfaces such as onboarding flows, paywalls, and landing pages are often designed without a defined conversion event, shipped without instrumentation, or padded with dark patterns that erode trust. This Skill turns conversion design into a disciplined, designer-owned practice with named metrics, pricing awareness, and a mandatory ethics filter. ## Core Features & Use Cases - Conversion-event-first method: Names the single conversion event, activation metric, and guardrail metrics before any screen is sketched, then designs the shortest honest path to it. - Surface checklists: Provides concrete checklists for onboarding/first-run, upgrade prompts, paywalls and trials, and launch/landing pages grounded in Nielsen Norman Group research. - Ethical-persuasion filter: Screens every tactic through five tests (Symmetry, Honesty, Reversibility, Informed, Portfolio) plus a named dark-pattern blacklist covering confirmshaming, roach motels, fake scarcity, and forced continuity. - Use Case: Designing a salon booking app's first-run flow — cut a 6-field signup to 2 fields, move permission prompts to post-booking, reject a preselected SMS checkbox, and ship instrumentation with guardrail metrics like cancellation and opt-out rates. ## Quick Start Use the design-growth-surfaces skill to redesign our onboarding flow so it drives first booking, with an ethics check on every persuasion tactic and metrics defined before any screens.

Frequently Asked Questions about design-growth-surfaces

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design an onboarding flow that improves activation?

Define the activation event before sketching any screen, then count every step and field between signup and that event, cutting or deferring anything not required for the aha moment. Use progressive disclosure, never show a blank first screen, and ask setup questions only when answers visibly change the experience.

What dark patterns should I avoid in paywalls and upgrade prompts?

Avoid confirmshaming, roach motels, hidden fees, fake scarcity timers, forced continuity without reminders, preselected add-ons, nagging after refusal, and low-contrast decline buttons. Every tactic must pass five tests: Symmetry, Honesty, Reversibility, Informed, and Portfolio.

How do I choose between hard, soft, and metered paywalls?

Choose a hard paywall when value is already proven upstream, a metered paywall when value needs demonstration through use, and a soft dismissible paywall when reach matters more than immediate revenue. Always show full price, billing period, renewal terms, and cancel method before the user commits.

What metrics should I track for a landing page or pricing page?

Track visitor-to-conversion as the primary metric, with bounce rate and scroll-depth to the proof section as guardrails. Always report primary and guardrail metrics together, since good conversion with degrading guardrails is the signature of a dark pattern.

When should I not use this growth design skill?

Do not use it for metric framework selection like HEART, A/B test design, copy craft, form mechanics, or actually building the page. Those belong to companion skills for success metrics, quantitative evidence, microcopy, UI states, and frontend implementation.