Before / After Comparison
Side-by-side of life without vs with the product.
THE SKILL
Design a features section as a before / after comparison: one side shows the pain of doing things without the product, the other shows the improved experience with it. Match my product's existing look: colors, typography, spacing, and overall aesthetic.
How to use this skill
1. Copy the skill above.
2. Paste it into your AI tool — Claude, ChatGPT, Cursor, v0, Lovable, or any builder.
3. Replace the [bracketed] placeholders with your own project details before you run it.