superdesigndev/superdesign-prompts/onboarding

Page type — Onboarding

Structure axis. Style-agnostic: pair with any system to render.

Aggregated from 8 prompts in this repo.

What this page type is

A reusable Onboarding generator. Bring a design system (colors, type, motion) and this skill supplies the structure — sections, layout, and the components users expect.

Common sections

• Header _(in 2 prompts)_
• Product Shell _(in 1 prompts)_
• Onboarding Hero _(in 1 prompts)_
• Selection Grid _(in 1 prompts)_
• Editorial Explanation _(in 1 prompts)_
• Interface Preview _(in 1 prompts)_
• Personalization & CTA _(in 1 prompts)_
• Sticky frosted-glass nav _(in 1 prompts)_
• Hero / showcase band (the confetti field + dialog) _(in 1 prompts)_
• The success dialog card (the centerpiece) _(in 1 prompts)_
• Pattern library card grid _(in 1 prompts)_
• Starter-kit split band + stacked mini dialog _(in 1 prompts)_

Common components

• Interactive Mode Card _(in 1 prompts)_
• Density Toggle _(in 1 prompts)_
• Custom Decision Radio _(in 1 prompts)_
• Technical Architecture Details _(in 1 prompts)_
• Inline State Stream _(in 1 prompts)_
• Intervention Threshold Slider _(in 1 prompts)_
• DNA Segmented Controls _(in 1 prompts)_
• Signal CTA Button _(in 1 prompts)_
• Capabilities Matrix Card _(in 1 prompts)_
• Orbital Intelligence Dial _(in 1 prompts)_
• Live Echo Panel _(in 1 prompts)_

Example — render in a chosen style

Build a Onboarding using the "<system-id>" design system
(see systems/<system-id>/DESIGN.md). Include the common sections above.

Reference prompts (best-designed first)

• Modal Design · success-celebration (pastel) — legibility fixed · design 8/10 · 2,362 runs
• Modal Design · success-celebration (pastel) — legibility fixed · design 8/10 · 2,221 runs
• High energy onboarding · design 8/10 · 2,085 runs
• System Initialization - Trust & Transparency · design 7/10 · 2,327 runs
• Technical System Onboarding · design 7/10 · 2,147 runs
• Editorial SaaS Onboarding · design 6/10 · 2,349 runs
• Superdesign Setup - Inline Preview · design 5/10 · 2,171 runs
• Multi-step Form Flow · design 5/10 · 1,906 runs