Flagship Skill · Product configurator design
The product configurator design skill.
Configurators that earn investment by earning the configuration that ships.
A senior product marketing director's playbook for designing build-your-own product configurators. Constraint logic, real-time pricing, validation, save-and-share mechanics.
Audience: product marketers, growth marketers, ecommerce teams, B2B teams shipping configurable products.
What this skill is for
Growth tooling, grouped by funnel stage.
Product-configurator-design closes the Convert cluster and the Growth Tooling track. Configurators serve audiences building custom products from parameters. The track now spans Capture, Activate, Convert, and Architect across 12 skills.
Capture
- lead-magnet-design
Gated content that earns the email.
- calculator-design
Interactive calculators with transparent methodology.
- quiz-and-assessment-design
Quizzes producing actionable segmentation.
- multi-step-form-design
Forms broken into coherent steps.
Activate
- onboarding-wizard-design
First-run wizards that engineer the ah-ha moment.
- interactive-product-tour
Contextual tours that surface at moments of friction.
- chatbot-flow-design
Conversational flows grounded in knowledge.
Convert
- scheduler-and-booking-design
Schedulers that earn the better call.
- upgrade-flow-design
Free-to-paid flows triggered by demonstrated value.
- comparison-tool-design
Comparison tools with honest recommendations.
- product-configurator-design (this skill)
Configurators with smart defaults and constraints.
Architect
- funnel-flow-architecture
Cross-tool architecture matching audience and stage.
The keystone distinction
Three positions. Both extremes are failure modes.
Failure mode
Infinite-options
Every parameter exposed at full granularity. 47 toggles, 12 sliders. Decision paralysis. Users abandon halfway through.
Failure mode
Canned-bundles-only
"Configurator" that is actually three pre-built bundles. No real customization. The framing was marketing; the product is bundles.
The discipline
Guided-configuration
Smart defaults; meaningful constraints; escape hatches; real-time pricing. Users feel guided rather than overwhelmed.
Anatomy of guided-configuration
Smart default, recommended option, constraint communication, real-time price.
Recommendation visible (Growth plan); pricing real-time at top; constraint communicated (Enterprise requires SSO add-on, auto-included); save-and-share available; clear cart handoff. Smart defaults at every level.
Build your configuration
Total: $4,840 / month
Categories
- Base plan
- Add-ons
- Integrations
- Support
Choose your base plan
Growth (recommended)
For mid-market teams of 50-200. Includes core features plus team collaboration.
$2,400 / mo
Starter
For solo and small teams up to 10.
$400 / mo
Enterprise
For 200+ teams; requires SSO add-on (auto-included).
Contact sales
Constraint: Enterprise plan requires SSO add-on, auto-included if selected.
The framework
Twelve considerations for configurator design.
- 01The configurator decision (or bundles)
- 02Guided-configuration, not infinite-options or canned-bundles
- 03Default configuration sensible
- 04Constraint logic prevents invalid combinations
- 05Constraint communication clear
- 06Real-time pricing visible
- 07Validation helpful
- 08Save-and-share works
- 09Cart handoff preserves state
- 10Mobile parity
- 11Conversion as success metric
- 12Maintenance discipline
What is in the skill
Thirteen sections covered in the body.
01
What this skill covers
Build-your-own configurators. Distinct from calculators (numbers), comparison tools (compare known options), forms (data capture).
02
The configurator decision
When configurators earn vs when bundles serve.
03
Infinite-options vs canned-bundles-only vs guided-configuration
The keystone framing.
04
Default-configuration design
The starting point. Smart defaults; not blank canvas.
05
Constraint logic
Hard, soft, implication, capacity constraints. Communication patterns.
06
Real-time pricing and impact display
Price updates with choices; breakdown available.
07
Validation and error patterns
Helpful validation; preserve inputs on error.
08
Save-and-share mechanics
Email-link, account, anonymous, shareable URL, embed.
09
Configurator-to-cart handoff
Handoff that preserves configuration; cart visibility.
10
Common failure modes
9+ patterns: abandonment mid-config, fulfillment failures, price surprises, mobile-broken.
11
The framework: 12 considerations
Decision, guided-configuration, defaults, constraints, communication, pricing, validation, save-and-share, cart handoff, mobile, conversion metric, maintenance.
12
Reference files
Nine references covering decision criteria, defaults, constraints, pricing, validation, save-share, cart handoff, anti-patterns, failures.
13
Closing: configurators earn investment when they earn the configuration that ships
The configurators that compound revenue produce configurations users commit to.
Reference files
Nine references that go alongside the SKILL.md.
references/configurator-decision-criteria.md
When configurators earn the build vs when bundles serve.
references/default-configuration-design.md
The starting point. Default selection and presentation.
references/constraint-logic-patterns.md
Hard, soft, implication, capacity constraints. Communication patterns.
references/real-time-pricing-patterns.md
Price updates with choices. Breakdown and impact display.
references/validation-and-error-patterns.md
Helpful validation. Inline, pre-emptive, final.
references/save-and-share-mechanics.md
Email-link, account, anonymous, shareable URL, embed.
references/configurator-to-cart-handoff.md
Handoff that preserves configuration; cart visibility; edit-from-cart.
references/configurator-anti-patterns.md
The patterns that look like configurators but degrade conversion.
references/common-configurator-failures.md
9+ failure patterns with diagnoses and cures.
Pairs with these platforms
Three platforms with configurator-relevant workflows.
The skill is platform-agnostic. These platforms ship workflows that fit configurator programs: Webflow (host), Notion (constraint logic and configuration documentation), PostHog (per-step instrumentation and configuration-to-cart conversion).
Content teams and developers building content-focused sites with design ownership
Webflow
Webflow's official MCP for Data API + Designer API
Open the pageNotion-centric teams
Notion
Briefs as a queryable database
Open the pageProduct-led growth teams
PostHog
Open-source product analytics with experiments
Open the page
Bridges to other skills
Five sister skills that compose with configurator design.
Sister: numbers
calculator-designCalculators give a number from inputs. This skill builds a configuration with multiple decisions.
Sister: known options
comparison-tool-designComparison tools compare known options. This skill builds a custom option.
Adjacent: data capture
multi-step-form-designMulti-step forms capture data. This skill is configuration design.
Engineering handoff
pm-spec-writingSpec for engineers building the configurator.
Cross-team coordination
integration-orchestratorConfigurator deployment touches product, billing, fulfillment. Integration-orchestrator handles cross-team coordination.
Growth Tooling track closes
Twelfth and final skill in the Growth Tooling track.
Product-configurator-design closes the Growth Tooling track at 12 skills total. Tier 1 (lead-capture and orchestration) plus Tier 2 (activation, conversion, decision-support) span Capture, Activate, Convert, and Architect phases of the funnel.
The catalog now carries 98 flagships across 8 categories.
Next: growth-tooling walkthroughs (build-and-launch-a-calculator and similar) on the existing /walkthroughs surface, or pivot directly to README polish.
Open source under MIT
Read the SKILL.md on GitHub.
The skill source lives in the rampstackco/claude-skills repository. MIT licensed.
Frequently asked questions.
- How is product-configurator-design different from calculator-design and comparison-tool-design?
- Calculators give a number from inputs. Comparison tools compare known options. Configurators build a custom option from many parameters. Different decision-support format; different methodology.
- What is guided-configuration?
- Smart defaults that produce a sensible starting configuration; meaningful constraints that prevent invalid combinations; escape hatches into deeper customization for users who want it; real-time pricing that responds to choices. The user feels guided rather than overwhelmed.
- What is wrong with infinite-options?
- Every parameter exposed at full granularity. 47 toggles, 12 sliders. Decision paralysis. Users abandon halfway through; few complete a configuration.
- What is canned-bundles-only?
- Configurator that is actually three pre-built bundles. No real customization. The configurator framing was marketing; the product is bundles.
- Why does the configurator need real-time pricing?
- Price visibility throughout prevents price-shock at checkout. Users see cost impact of each choice immediately. Without real-time pricing, users configure heavily and abandon at checkout when total surprises.
- What does save-and-share enable?
- Multi-decision purchases require deliberation; B2B configurations often need stakeholder review. Save-and-share lets users save configurations and send to others, supporting workflows beyond single-session purchase.