Multi Step Form Design
rampstackco/claude-skillsDesigning forms with multiple steps, progress indicators, conditional logic, and save-and-resume mechanics. The discipline of breaking complex data collection into stages that respect cognitive load while maintaining completion intent. Honest about kitchen-sink-single-page (overwhelms before the user starts), progress-theater (steps without genuine staging), and genuinely-staged (each step earns its own page) patterns. Triggers on multi-step form, multi-page form, form wizard, signup wizard, lead form, application form, intake form, configurator, onboarding form. Also triggers when a long form...
At a glance
This skill is for Design and helps you design a multi-step form, create a form wizard, and structure a signup flow.
/plugin marketplace add rampstackco/claude-skills
/plugin install multi-step-form-design
Setup, runtime and requirements describe rampstackco/claude-skills, the repo this skill ships in.
Form DesignuxProgressive DisclosureconversionUser FlowCognitive Load
Also in rampstackco/claude-skills
View the repoRun a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust principles. Use this skill whenever...
How to produce ad creative that converts at performance scale. Hook patterns, format selection, video pacing, variation systems, sequential...
How to read paid media dashboards without fooling yourself. Attribution models, platform reporting quirks, multi-platform reconciliation, RO...
Run a structured after-action review (postmortem, retrospective) on a launch, incident, or completed project to capture timeline, root cause...
How humans and AI compose in content workflows. Where AI legitimately participates, where humans must own, hybrid workflow patterns, voice o...
Design measurement frameworks including event taxonomy, KPI hierarchy, dashboard architecture, attribution models, and analytics implementat...
Direct visual and creative work for campaigns, photography, illustration, video, and branded experiences. Use this skill whenever the user w...
Plan and run backups, set recovery objectives, and run disaster recovery drills. Use this skill when defining RPO/RTO targets, designing bac...
Running closed and open betas that produce real signal. Beta participant selection, structured feedback collection, beta-to-GA decision crit...
Apply pre-composed aesthetic archetype defaults to jumpstart brand design work covering color, typography, layout, voice, and imagery direct...
Run upstream brand discovery covering audience research, competitive landscape, category dynamics, problem space, and positioning territory...
Generate, evaluate, and narrow brand concepts during early ideation including positioning territories, naming candidates, mood directions, a...
Other Design skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...
Generate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, option...
An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...