vkc-wizardkit

star 0

Build step-based wizard UIs (step UI, fixed bottom CTA with safe-area, localStorage draft save, runtime validation, submit event logging). Use for visa assessment, doc generation, admin queue inputs. (키워드= 위저드, 단계형 폼, 멀티스텝, 하단 고정 CTA, draft 저장, 제출 로그)

LEE-SANG-BOK By LEE-SANG-BOK schedule Updated 2/8/2026
play_arrow Run Skill in Manus View GitHub

name: vkc-wizardkit description: Build step-based wizard UIs (step UI, fixed bottom CTA with safe-area, localStorage draft save, runtime validation, submit event logging). Use for visa assessment, doc generation, admin queue inputs. (키워드= 위저드, 단계형 폼, 멀티스텝, 하단 고정 CTA, draft 저장, 제출 로그) metadata: short-description: Wizard UI kit workflow

VKC WizardKit

When to use

  • You need a multi-step form (visa precheck, document generation, lead intake, admin queue)

Required UX contract

  • Step indicator (current step / total)
  • Fixed bottom CTA (primary action) with safe-area padding
  • Draft persistence via localStorage (recover after refresh)
  • Runtime validation before advancing or submitting
  • Submission event logging (via POST /api/events)

Implementation shape (recommended)

  • UI: a template-level wrapper under src/components/templates/** (Wizard layout)
  • Logic: a hook under src/lib/hooks/** (draft storage, step nav)
  • API: submit via src/repo/<domain>/** + src/app/api/**

Reference spec

  • .codex/skills/vkc-wizardkit/references/wizard-ui-spec.md
Install via CLI
npx skills add https://github.com/LEE-SANG-BOK/VKC-2- --skill vkc-wizardkit
Repository Details
star Stars 0
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator
LEE-SANG-BOK
LEE-SANG-BOK Explore all skills →