Claude Code Plugins

Community-maintained marketplace

Feedback

vkc-wizardkit

@LEE-SANG-BOK/VKC-2-
0
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.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

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.
metadata [object Object]

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