Vue Forms
Forms and validation in Vue 3. v-model/defineModel patterns, custom form controls, schema validation with VeeValidate 4 + Zod, async validation, multi-step wizards, submission states, unsaved-changes guards, accessible error messaging. Use when building or reviewing forms, inputs, validation, or file uploads in Vue.
Install
$ agentstack add skill-kimjinwoo4-vue-skills-vue-forms ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Links to your public security report.[](https://agentstack.voostack.com/security/report/skill-kimjinwoo4-vue-skills-vue-forms) Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
Vue Forms Skill
> Baseline 2026-07: Vue 3.5+ (defineModel), VeeValidate 4.x + Zod 4 for schema-driven forms. FormKit and @tanstack/vue-form are valid alternatives — follow whatever the project already uses.
Decision Table
| Form | Approach | |------|----------| | 1-3 fields, trivial rules (login, search) | Native v-model + a small validation composable — no library | | Business forms, schema shared with API | VeeValidate + Zod (toTypedSchema) — one schema for client + server | | Highly dynamic/config-driven forms | FormKit (schema rendering) or hand-rolled renderer over VeeValidate | | Custom input components | defineModel() — never mutate props, never watch-sync manually |
Core Rules
- Validate with the same schema on client and server; client validation is UX, not security.
- Errors show on
bluror first submit — not on every keystroke while typing a fresh field ("reward early, punish late"). - Disable the submit button only while submitting — not while invalid (users need the click to reveal what's missing).
- Every error must be programmatically tied to its input (
aria-describedby) — seevue-a11yskill for details. - Guard unsaved changes with
onBeforeRouteLeave+ dirty state.
Reference Map
| Topic | Description | Path | |------|-------------|------| | Native patterns | v-model, defineModel, custom controls, DIY validation composable | [native-form-patterns](references/native-form-patterns.md) | | VeeValidate + Zod | Typed schemas, useForm/useField, field arrays, async rules | [vee-validate-zod](references/vee-validate-zod.md) | | Form UX patterns | Multi-step wizards, submit states, dirty guards, file upload | [form-ux-patterns](references/form-ux-patterns.md) |
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: KIMJINWOO4
- Source: KIMJINWOO4/vue-skills
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.