Skip to content
Development
Command

/add-multistep-form

Create a multi-step form wizard with progress tracking and validation.

From plugin
larouex-fullstack-builder
881 skills12 agents81 commands

Command definition

add-multistep-form.md

Create a multi-step form wizard with progress tracking and validation.

Generate:

  • Multi-step form component with step navigation
  • Progress indicator showing current step and completion
  • Step-by-step validation (validate before moving to next step)
  • Navigation buttons (Next, Previous, Submit) with proper states
  • Form state persistence across steps using React Hook Form or context
  • TypeScript types for each step's data
  • Step components for each form section
  • Review/summary step before final submission
  • Error handling per step with accessible messages
  • Mobile-responsive design with Bootstrap
  • Accessibility features (ARIA attributes, keyboard navigation, screen reader announcements)

Include save progress functionality, step skipping logic if applicable, and comprehensive form state management.

@larouexnonprofitconsulting
Ships withlarouex-fullstack-builder

A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.

Stars on GitHub

Momentum

stars in total
8
Star history of LarouexNonprofitConsulting/larouex-fullstack-plugin on GitHub, a chart by star-history.com

Other commands on larouex-fullstack-builder.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command