How does the draft saving feature work?

The skill implements a logic hook that utilizes localStorage to automatically save user input, ensuring progress can be recovered even after a page refresh.

Is the UI mobile-friendly?

Yes, the kit specifically requires a fixed bottom CTA (Primary Action) that accounts for safe-area padding on mobile devices.

Does it include backend integration?

While primarily focused on UI and logic, it provides a reference for submission event logging via a standardized POST /api/events endpoint.

What is VKC WizardKit?

It is a specialized Claude Code skill designed to help developers build standardized multi-step form interfaces with built-in validation, persistence, and mobile optimization.

Wizard UI Kit

Name: Wizard UI Kit
Author: LEE-SANG-BOK

byLEE-SANG-BOK

Design Tools

Builds structured multi-step form interfaces with automated draft saving and runtime validation.

About

The VKC WizardKit skill provides a comprehensive framework for creating complex, step-based wizard UIs within the VKC ecosystem. It streamlines the development of multi-stage workflows—such as visa assessments and document generation—by enforcing a standardized UX contract that includes progress indicators, mobile-optimized bottom actions, and automatic draft persistence via localStorage. By providing guidance on template-level UI structures and logic-heavy hooks, it ensures developers can build reliable, user-friendly intake forms that include built-in event logging and safe-area compliance.

Key Features

Multi-step navigation with progress indicators
0 GitHub stars
Persistent draft saving using localStorage for data recovery
Mobile-responsive fixed bottom CTAs with safe-area support
Integrated submission event logging for analytics tracking
Runtime validation layers for secure step transitions

Use Cases

Developing visa pre-check and assessment workflows
Building multi-page document generation tools
Creating administrative queue and lead intake systems

About

Key Features

Multi-step navigation with progress indicators
0 GitHub stars
Persistent draft saving using localStorage for data recovery
Mobile-responsive fixed bottom CTAs with safe-area support
Integrated submission event logging for analytics tracking
Runtime validation layers for secure step transitions

Use Cases

Developing visa pre-check and assessment workflows
Building multi-page document generation tools
Creating administrative queue and lead intake systems