What problem does it solve?
Turning raw conversion or filtering data (visitors → signups → paid users) into a clear, shareable visual usually requires design tools and manual layout work. This Skill produces a polished vertical funnel infographic as a single self-contained HTML file directly from your stage numbers.
Core Features & Use Cases
- Funnel Rendering with CSS clip-path: Builds 3-6 trapezoid stages using pure CSS polygons, with left-aligned big numbers, stage names, and per-stage conversion rates—no SVG or JavaScript.
- Locked Design System: Enforces three preset color themes (klein-blue, sunset-amber, deep-forest), fixed typography scales with tabular-nums figures, and a 9:16 vertical aspect ratio suited for IG Stories and Xiaohongshu.
- Insight Strip: Computes cumulative conversion rate and generates a 1-2 sentence takeaway highlighting the biggest drop-off stage.
- Use Case: Give it your SaaS funnel data (100,000 visitors → 18,500 signups → 6,200 trials → 1,450 paid → 920 retained) and receive a ready-to-export 1080×1920 HTML infographic with per-stage rates and a bottom-line insight.
Quick Start
Ask the agent to create a funnel infographic from your stage-by-stage conversion numbers, for example: "Make a funnel infographic showing 100,000 visitors, 18,500 signups, 6,200 trials, 1,450 paid, and 920 retained."
